javascript - 没有内馅饼的 Highcharts 圆环图?

标签 javascript html highcharts donut-chart

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

我怎样才能像其他图书馆那样去掉内层馅饼而只保留外层 donut ? (类似于 RGraph:https://www.rgraph.net/demos/donut-3d.html)

谢谢。

最佳答案

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

因此您的参数将包含如下内容:

...
data: [["Firefox",6],["MSIE",4],["Chrome",7]],
innerSize: '20%',
...

这是一个 jsFiddle of a complete example .

关于javascript - 没有内馅饼的 Highcharts 圆环图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11678684/

相关文章:

Javascript 循环显示文档中的隐藏元素(Jquery 也行)

javascript - ParentNode.rowIndex 在 Chrome 中不起作用

html - 在不确定高度的 div 内扩展 div 高度

javascript - try catch 静态函数 asp.net

javascript - 如何在没有 ID 或名称的情况下更改特定的 href?

javascript - 在 Javascript 中获取数组计数

javascript - 显示附加信息表单字段

html - 在 DOM 中存储 JSON 的最佳实践

javascript - Highcharts 缩放时显示滚动条

mysql - 如何根据 highcharts 中低于先前值的值动态更改线条颜色