如何使用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（查看源代碼）組。 這確實是一個很好的方法，但是上面提供的代碼引用的是主圖形本身，而不是小方框。...Pet​​er R