2017-06-14 65 views
0

我想創建類似於下面的東西,但使用Highcharts條形圖。是否可以使用Highcharts條形圖的y軸標籤製作表格?

enter image description here

我似乎無法找到任何這樣的實現,利用highcarts,但不知道是否有人已經遇到這樣或一種變通方法來創建一個表連接到圖表?

我的數據將不同,因此行數輸出可以是由Highcharts

+1

這是可以使用renderer.text方法來創建類似圖表: http://jsfiddle.net/ haahm2ku/ –

回答

1

最簡單的解決方案,我能想到的提供的基本條的1和20

實施例之間的定位是兩個div表像這裏面:

<div style="width:100%;height:20px;><div style="width:48%;height:20px;background:blue;"></div></div> 

,然後你可以改變第二div的width樣式屬性。

+0

謝謝。環顧四周,這似乎是最常見的解決方案。 –

+0

您也可以使用'meter'標籤,但僅在FireFox中支持。 – kcode