如何使用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（查看源代码）组。这确实是一个很好的方法，但上面提供的代码指的是主图本身，而不是小盒子.... 彼得R