谷歌图表如何正确表示%数据而没有总样本数字

时间:2013-12-16 15:58:55

标签: jquery charts google-visualization

我正在使用Google Charts Library创建饼图,所代表的数据是2004年的浏览器统计数据,因此总样本数据未知,我的意思是它可能是我所知道的12亿的85.3%。但是我通过JS以任何方式插入我的数据:

function drawChart() {
var data = google.visualization.arrayToDataTable([
    ['Browser', '% of Usage'],
    ['IE', 76.2],
    ['Mozilla', 23.6],
    ['Netscape', 21.7],
    ['Opera', 1.6]
    ]);

var options = {
    title: "Browser Stats 2004",
    width: 300,
    pieStartAngle:100
        };

正如您所看到的,我插入的数字已经是使用百分比,我不需要它来为我计算%。例如,IE的76.2变为61.9%。我已经创建了一个JSFiddle,所以你们可以看到我的意思。

我想要做的是按原样插入数字,并将这些数字显示在饼图中?

有谁知道我出错的方式和地点?

提前致谢。

代码低于或再次查看JSFiddle

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {
    packages: ["corechart"]
});
    google.setOnLoadCallback(drawChart);

function drawChart() {

    var data = google.visualization.arrayToDataTable([
        ['Browser', '% of Usage'],
        ['IE', 76.2],
        ['Mozilla', 23.6],
        ['Netscape', 21.7],
        ['Opera', 1.6]
    ]);

    var options = {
        title: "Browser Stats 2004",
        width: 300
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart2004browserstats'));
    chart.draw(data, options);
}
</script>
<div id="piechart2004browserstats"></div>

1 个答案:

答案 0 :(得分:0)

在检查数据并纠正%s显示正确后,我的数据总计不是100%。