如何使用Chart.js將標籤正方形添加到條形圖

Question

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

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

Answer 1

有上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}] 
    }] 
}); 

Answer 2

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