首页 文章

饼图中小值的Google可视化问题

提问于
浏览
3

显然谷歌可视化饼图不是创建了一个JSfiddle来证明这个问题:http://jsfiddle.net/technotarek/YRKHd/

当您加载小提琴时,您会看到饼图有四个类别,就像在第6-13行中检查JS一样 . 现在,尝试将JS的第13行中的第三个值从5更改为1,然后运行小提琴 . 您将看到它将饼图上的标签更改为“其他”的新标签 . 任何人都可以找到解决方法吗? (这在我的情况下尤其成问题,因为我们在某些情况下使用标签'other'来表示数据中完全不同的组 . )

为了满足SO验证器,这里是来自小提琴的我的JS代码:

function drawChart(){var data = new google.visualization.DataTable(); data.addColumn('string','Race'); data.addColumn('number','Percent'); data.addRows(4); data.setValue(0,0,'Black,non-Hispanic'); data.setValue(0,1,1370); data.setValue(1,0,'西班牙裔'); data.setValue(1,140); data.setValue(2,0,'怀特,非西班牙裔'); data.setValue(2,1,537); data.setValue(3,0,'抑制类别'); data.setValue(3,1,5);

var chart = new google.visualization.PieChart(document.getElementById('chart'));
chart.draw(data, {
                    width: 650,
                    height: 500,
                    fontSize: 11,
                    chartArea:{
                            top:20,
                            left:100
                            },
                    colors:
                        [
                        '8d2300','FE9929','D95F0E','000000',                            ]
});
}      

google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);

1 回答

  • 7

    创建"Other"类别以保持所有低于 sliceVisibilityThreshold 选项值的切片与总数成比例(默认值为1/720) . 当"Suppressed Categories"值为1时,它是饼图的1/1948(远低于阈值),因此分组在"Other"类别中 . 您可以手动将 sliceVisibilityThreshold 选项设置为您想要的任何值(0强制所有切片绘制,无论它们的相对大小如何):

    chart.draw(data, {
        width: 650,
        height: 500,
        fontSize: 11,
        chartArea:{
            top:20,
            left:100
        },
        colors:['8d2300','FE9929','D95F0E','000000'],
        sliceVisibilityThreshold: 0
    });
    

    jsfiddle链接:http://jsfiddle.net/asgallant/YRKHd/10/

相关问题