2014-06-09 79 views
0

如何將彩色編碼標籤正方形添加到我用Chart.js製作的圖表中?我不確定方塊的名稱,但它根據方塊中的顏色唯一標識圖表的每個部分,並在其旁邊顯示一個名稱。如何使用Chart.js將標籤正方形添加到條形圖

請參閱附圖中右上角的標有「Average_Occupancy」的框,以充分理解我在說什麼。

enter image description here

+0

http://jsfiddle.net/kaatula上有一個小提琴/ j3FJf/1 /有類似的答案。 – maudulus

回答

0

有上jsfiddle.net/kaatula/j3FJf/1小提琴,有一個類似的答案。代碼如下:

HTML:

<div id="chartContainer" style="width:100%;height: 600px"></div> 

JS:

$("#chartContainer").dxChart({ 
    commonSeriesSettings: { 
     label: { 
      visible: true 
     } 
    }, 
    series: [{ 
    data: [ 
     {arg: 0, val: 1}, 
     {arg: 2, val: 4},  
     {arg: 4, val: 2}] 
    }, { 
    data: [ 
     {arg: 1, val: 1}, 
     {arg: 2.5, val: 9},  
     {arg: 3.7, val: 5.6}] 
    }] 
}); 
0

沒有,您所提供的代碼無關,在上右上角的小盒子。 jsfiddle右上角的小框顯示爲一個包含兩個基本矢量圖形的SVG(查看源代碼)。這確實是一個很好的方法,但是上面提供的代碼是指主圖本身,而不是指小盒子...... Peter R