Javascript 谷歌饼图单值
我正在使用谷歌饼图,修改它时遇到问题。经过许多复杂的计算,我得到了一个百分比值,比如说67%。我希望在饼图/圆环图中显示单个百分比值 我的HTML代码是Javascript 谷歌饼图单值,javascript,charts,pie-chart,Javascript,Charts,Pie Chart,我正在使用谷歌饼图,修改它时遇到问题。经过许多复杂的计算,我得到了一个百分比值,比如说67%。我希望在饼图/圆环图中显示单个百分比值 我的HTML代码是 <div id="chart_div"></div> 你可以看看这里 由于我只提供了一个值,因此如何使图表只覆盖饼图的67%,而不是100%。有没有其他方法来实现这一点。添加此项 slices: { 1: { color: 'transparent', textStyle : {color:'t
<div id="chart_div"></div>
你可以看看这里
由于我只提供了一个值,因此如何使图表只覆盖饼图的67%,而不是100%。有没有其他方法来实现这一点。添加此项
slices: {
1: { color: 'transparent', textStyle : {color:'transparent'} }
}
到与PieSicleTextStyle相同的范围。及
加
在[Foo',67]之后
有关更多信息,请查看以下内容:
修改后:
chart.draw(data, {
height: 400,
width: 600,
pieHole: 0.5,
pieSliceTextStyle: {
color: '#000000'
},
slices: {
1: { color: 'transparent', textStyle : {color:'transparent'} }
}
});
var data = google.visualization.arrayToDataTable([
['Category', 'Value'],
['Foo', 67],
['', 33]
]);
如果您想在jsfiddle中检查它,请使用剩余百分比创建一个虚拟数据集。毕竟,它必须是某件事的67%。嘿,我一直在使用你建议的相同技巧。谢谢你!但我一直在寻找一个更具体的解决方案,如果有的话。不管怎样,谢谢你的回复。谢谢你的回复。还有,你能帮我删除阴影部分上的数字67,而把它放在圆圈的中间,洞……我试着在你的小提琴上使用图例选项,但我不能这样做。
['', 33]
chart.draw(data, {
height: 400,
width: 600,
pieHole: 0.5,
pieSliceTextStyle: {
color: '#000000'
},
slices: {
1: { color: 'transparent', textStyle : {color:'transparent'} }
}
});
var data = google.visualization.arrayToDataTable([
['Category', 'Value'],
['Foo', 67],
['', 33]
]);