Highcharts甜甜圈图表定制 [英] Highcharts donut chart customization

查看:293
本文介绍了Highcharts甜甜圈图表定制的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一张highcharts的许可证,我想创建一个像下面这样的字符:


高图中最类似的组件是以下几种:





有人知道是否有可能以百分之几的比例替换PIE?或者其他一些好的客户端javascript librarie来做到这一点?



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



DEMO 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

比你可以看看这个示例,其中显示了如何将文本放入圆环图中。



希望它能帮助你。


I have a license for highcharts and I would like to create a char like the one bellow:

The most similar component on highcharts is the following one:

Does someone know is is posible to replace the PIE inside for just a percent? or some other good client side javascript librarie to do it?

You can find a demo and the API in the following links.

DEMO 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

Thanks

解决方案

Check about innerSize.

"The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or pixel value. Percentages are relative to the size of the plot area. Pixel values are given as integers. Defaults to 0." reference

Than you can take a look this example which shows how to put the text inside the donut chart.

Hope it help you.

这篇关于Highcharts甜甜圈图表定制的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆