【问题标题】:Removing Legend in Google Visualization Pie Chart删除 Google 可视化饼图中的图例
【发布时间】:2015-02-21 18:44:30
【问题描述】:

我正在尝试隐藏饼图中的标签。我认为正确的词是标签?但我可能是错的。基本上我有一个显示一些数据的饼图,在饼图之外它有一个带有颜色立方体的标签,旁边有一个名称,显示每种颜色代表什么,我想摆脱它,因为在悬停时我显示相同的数据,它占用了我想使用的一些有价值的房地产。这是我的 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);
            }
        });
    }

【问题讨论】:

    标签: javascript charts google-visualization


    【解决方案1】:

    谷歌图表可视化,杀戮传奇:

    legend: {position: 'none'} 
    

    -- 这将杀死 Google Charts 中的图例。

    另外,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);
                }
            });
        }
    

    【讨论】:

    • 对不起,C# 是我的代码,asp.net 是我的前端
    • 我应该把 JS 放在哪里,在哪个变量里面?选项?
    • Ip 将它放在选项中,似乎效果很好。这样做有什么缺点?
    • 缺点是你必须在某些时候解释漂亮的颜色是什么意思。
    猜你喜欢
    • 2012-01-03
    • 2021-08-01
    • 2013-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-19
    • 1970-01-01
    相关资源
    最近更新 更多