Javascript 谷歌饼图单值

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

我正在使用谷歌饼图,修改它时遇到问题。经过许多复杂的计算,我得到了一个百分比值,比如说67%。我希望在饼图/圆环图中显示单个百分比值

我的HTML代码是

<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]
    ]);