2017-08-02 90 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