没有内饼的Highcharts圆环图?

Jon*_*hen 33 javascript html5 highcharts donut-chart

我一直在寻找使用Highcharts库生成最简单的圆环图的解决方案.然而,Highcharts的所有例子都显示了内部馅饼和外部甜甜圈的图表样式(参见:http://www.highcharts.com/demo/pie-donut)

我怎样才能摆脱内心的馅饼,只需保留外面的甜甜圈,就像其他图书馆一样?(像RGraph:http://www.rgraph.net/examples/donut.html )

谢谢.

and*_*axo 91

您只需要将数据作为两个元素(键/值)数组的数组提供.指定一个innerSize以获得甜甜圈样式.

所以你的参数将包含这样的东西:

...
data: [["Firefox",6],["MSIE",4],["Chrome",7]],
innerSize: '20%',
...
Run Code Online (Sandbox Code Playgroud)

是一个完整例子jsFiddle.

  • 谢谢,这既简单又聪明! (2认同)
  • 在我的图表代码中寻找错误将近 2 小时后,阅读此答案让我发现当正确的是“innerSize”时,我拼错了“innersize”。这就是为什么即使是不相关的问题也可以通过在 stackoverlow 上寻找答案来解决。谢谢! (2认同)