如何使用 Chart.js 将标签方块添加到条形图

【问题标题】：How to add label square to Bar Chart using Chart.js如何使用 Chart.js 将标签方块添加到条形图
【发布时间】：2014-06-09 14:58:52
【问题描述】：

如何将颜色编码的标签方块添加到使用 Chart.js 制作的图表中？我不确定这个方块叫什么，但它根据方块中的颜色唯一标识图表的每个部分，并在旁边显示一个名称。

请查看附件图片的右上角，其中有一个标有“Average_Occupancy”的框，以完全理解我在说什么。

【问题讨论】：

jsfiddle.net/kaatula/j3FJf/1 上有一个类似答案的小提琴。

标签： javascript charts chart.js

【解决方案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}]
    }]
});

【讨论】：

【解决方案2】：

不，您提供的代码与右上角的小框无关。 jsfiddle 右上角的小框被渲染为两个基本矢量图形的 SVG（查看源代码）组。这确实是一个很好的方法，但是上面提供的代码是指主图本身，而不是小盒子...... 彼得·R

【讨论】：