删除谷歌可视化饼图中的图例

Removing Legend in Google Visualization Pie Chart

本文关键字：谷歌 可视化 删除      更新时间：2024-02-20

我正试图隐藏饼图中的标签。我认为正确的单词是标签？但我可能错了。基本上，我有一个饼图，它显示一些数据，在饼图之外，它有一个带有颜色立方体的标签，旁边有一个名称，显示每种颜色代表什么，我想去掉它，因为悬停时我显示相同的数据，它占用了我想使用的一些有价值的不动产。这是我的Javascript代码：

 google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var options = {
            title: '',
            is3D: true
        };
        $.ajax({
            type: "POST",
            url: "myPage.aspx/GetChartData",
            data: '{}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                //console.log(JSON.stringify(r))
                var data = google.visualization.arrayToDataTable(r.d);
                var chart = new google.visualization.PieChart($("#chart")[0]);
                var formatter = new google.visualization.NumberFormat(
  { negativeColor: 'red', negativeParens: true, pattern: '$###,###.##' });
                formatter.format(data, 1);
                chart.draw(data, options);
            },
            failure: function (r) {
                alert(r.d);
            },
            error: function (r) {
                alert(r.d);
            }
        });
    }

谷歌图表可视化，杀戮传奇：

legend: {position: 'none'}

--这将扼杀谷歌排行榜上的传奇。

此外，JS要做到这一点：

http://jsfiddle.net/api/post/library/pure/

legend: 'none'

所以，最终这应该为你做：

google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var options = {
            title: '',
            is3D: true,
            legend: none,
        };
        $.ajax({
            type: "POST",
            url: "myPage.aspx/GetChartData",
            data: '{}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                //console.log(JSON.stringify(r))
                var data = google.visualization.arrayToDataTable(r.d);
                var chart = new google.visualization.PieChart($("#chart")[0]);
                var formatter = new google.visualization.NumberFormat(
  { negativeColor: 'red', negativeParens: true, pattern: '$###,###.##' });
                formatter.format(data, 1);
                chart.draw(data, options);
            },
            failure: function (r) {
                alert(r.d);
            },
            error: function (r) {
                alert(r.d);
            }
        });
    }
相关文章：