【问题标题】:Google Charts Pie chart displaying Other 100% rather than actual valuesGoogle Charts 饼图显示其他 100% 而不是实际值
【发布时间】:2013-09-12 19:47:25
【问题描述】:

我正在使用谷歌图表 API 来绘制饼图。饼图是通过对我设置的 API 的 ajax 调用动态生成的,它正在工作,但是当我开始添加更多数据时,饼图突然从显示每个段变为显示具有一个值的图表 - 其他。

这是从服务器返回的 json

{
    "cols" : [{
            "id" : "",
            "label" : "Team",
            "type" : "string"
        }, {
            "id" : "",
            "label" : "Steps",
            "type" : "number"
        }
    ],
    "rows" : [{
            "c" : [{
                    "v" : "Draper",
                    "f" : null
                }, {
                    "v" : "626528",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Sterling",
                    "f" : null
                }, {
                    "v" : "539165",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Pryce",
                    "f" : null
                }, {
                    "v" : "557399",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "London",
                    "f" : null
                }, {
                    "v" : "807470",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Lynx Local",
                    "f" : null
                }, {
                    "v" : "428814",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Havas Health Software",
                    "f" : null
                }, {
                    "v" : "375235",
                    "f" : null
                }
            ]
        }
    ]
}

这是我加载图表的 javascript

var jsonData = $.ajax({
    url: "/ChartData/OverallSteps",
    async: false
}).responseText;

var pieData = new google.visualization.DataTable(jsonData);

var pieOptions = {
    width: 600, height: 320, 'legend': { position: 'right',alignment:'center' },is3D: true,sliceVisibilityThreshold: 1/10000, chartArea: {left:0,top:0}
};

var pieChart = new google.visualization.PieChart(document.getElementById('teamPieChart'));
pieChart.draw(pieData, pieOptions);

如您所见,我已尝试根据 Google Pie Chart not Showing All Data Rows 设置 sliceVisibilityThreshold,但这似乎也不是问题。只有6个系列,所以应该没问题。任何人都可以看到发生了什么?

【问题讨论】:

    标签: javascript json google-visualization


    【解决方案1】:

    问题是您将数字作为字符串输入,这是无效的:

    "v" : "626528"
    

    应该是:

    "v" : 626528
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-26
      • 2021-05-14
      • 1970-01-01
      • 2012-02-09
      • 2019-05-15
      • 2023-02-08
      相关资源
      最近更新 更多