Highcharts 圆环图自定义

标签 highcharts javascript donut-chart

我有 highcharts 的许可证,我想创建一个如下所示的字符:

enter image description here

highcharts 上最相似的组件如下:

enter image description here

有人知道只需百分之一的费用就可以更换里面的 PIE 吗?还是其他一些好的客户端 javascript 库来做到这一点?

您可以在以下链接中找到演示和 API。

演示 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

API http://api.highcharts.com/highcharts#chart

谢谢

最佳答案

检查innerSize

“饼图内径的大小。大于 0 的大小呈现圆环图。可以是百分比或像素值。百分比是相对于绘图区域的大小。像素值以整数形式给出。默认为 0。” reference

你可以看看这个example它显示了如何将 text 放入圆环图中。

希望对你有帮助。

关于Highcharts 圆环图自定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12219286/

相关文章:

javascript - Highcharts 折线图工具提示未正确显示?

javascript - 从远程元素突出显示 Highcharts 系列

javascript - 用于替换字符串中数字的命名函数与无名函数

javascript - Jqplot donut chart 图例在保存时被删除

javascript - 如何更改 HighChart 图表中的系列图例文本颜色?

javascript - 将数据从 javascript 数组或变量传递到 highcharts

javascript - 为什么正则表达式构造函数需要双重转义?

javascript - 是否可以使用 javascript 在条件语句中将某人发送到网站?

css - 如何制作动画、渐变填充的 SVG 圆环图

reactjs - 圆环图 : Trigger legend or pie click event while selecting outside filter state change