2017-08-02 53 views
1

我试图找到我的项目一个特殊类型的图表。的Javascript复杂的图形

它类似于:)我试着像highchart和帆布库,但与此,这是不可能的阳光的东西。你可以看到设计在了下方链接

Graph modal

如果有人有一些想法,请让我知道。任何帮助,将不胜感激。

回答

1

可以实现使用gauge图(http://api.highcharts.com/highcharts/plotOptions.gauge)Highcharts类似的东西。我为你准备了一个演示,可以在下面找到。

API参考:
http://api.highcharts.com/highcharts/plotOptions.gauge.dial
http://api.highcharts.com/highcharts/plotOptions.gauge.pivot

例子:
http://jsfiddle.net/n0z73Lp3/

+0

嗨感谢您的演示,但是,每一个点都在它的百分比。你看到图像了吗?如果你看每个酒吧,你可以看到色差。 – user2827944

+0

对不起,延迟回复。我更新了之前的演示,并在图表中添加了“阳光照射”。您只需要添加多个系列,并将单个值添加为要显示的光线数量即可。这里是例子:http://jsfiddle.net/e48bqL60/。 –

0

一种选择是图书馆d3。看到类似的东西here的实现。

+0

所以,我怎么能提高成矩形,中间半径和酒吧? – user2827944

+0

你必须要看看'd3'文档:) – nedmund