jquery - 谷歌图表如何在没有总样本数的情况下正确表示%数据

标签 jquery charts google-visualization

您好,我正在使用 Google 图表库创建饼图,所表示的数据是 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>

最佳答案

在检查数据并更正 % 后,我的数据总计未达到 100%,显示正确。

关于jquery - 谷歌图表如何在没有总样本数的情况下正确表示%数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20615181/

相关文章:

jquery - Ajax 表单数据文件上传进度百分比

android - 如何获得 Canvas 区域点击?

jquery - 如何扩大谷歌组织结构图

javascript - 在谷歌图表表中嵌入仪表板

javascript - jQuery 验证在 IE 7 中不起作用?

jquery - 使用 jQuery 删除每四个可见元素的右边距?

charts - 如何在 flutter、x 轴和 y 轴上向图表添加名称?

javascript - Google 图表数组 - 第 0 行的行类型无效

jquery - 如何使用 jQuery 获取 div 中的数据

javascript - 使用 HighCharts 为点或永久标签创建粘性工具提示