如何在Chart.js 2.1.6中的图例中显示条形标签？
贝克福
我正在使用Chart.js创建图表，并且想显示图例中条形的标签，而不是数据集的标题（只有一个），请参见下图作为示例：
我当前的传说看起来像这样： 
我浏览了文档，但无济于事，但实际上发现它们很混乱。
这是我当前的代码：
var chart_0 = new Chart($('#cp_chart_0'), {
type: 'bar'
, data: {
labels: ['Blue','Green','Yellow','Red','Purple','Orange']
, datasets: [{
label: 'Dataset 1'
, borderWidth: 0
, backgroundColor: ['#2C79C5','#7FA830','#7B57C3','#ED4D40','#EC802F','#1DC6D3']
, data: ['12','2','5','0','9','1']
}]
}
});
谢谢！
雨果·席尔瓦（Hugo Silva）
最简单的方法是为您的数据提供多组数据：
data: {
labels: ['total votes']
, datasets: [{
label: 'Blue'
, backgroundColor: ['#2C79C5']
, data: ['12']
},{
label: 'Green'
, backgroundColor: ['#7FA830']
, data: ['2']
},
...
]
}
但是您可以使用-http generateLabels: //www.chartjs.org/docs/#chart-configuration-legend-configuration生成自定义标签
甚至可以使用-http legendCallback: //www.chartjs.org/docs/#chart-configuration-common-chart-configuration自定义整个图例，包括格式
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Chart.JS V2中修改类别标签的字体大小？
- 2
如何在Chart JS中显示货币
- 3
如何在angular-chart.js中为图例着色
- 4
如何在angular-chart.js中对齐图例
- 5
如何在chart.js中以k格式显示千位的条形值
- 6
如何在Doughnutchart ng2 chart.js中自定义百分比标签
- 7
如何在Chart.js中的甜甜圈图上显示标签
- 8
如何在Chart.js中显示工具提示？
- 9
如何在Chart.js中显示条
- 10
如何在ggplot2的图例中显示缺失值？
- 11
如何在Chart.js中设置条形图的最小值？（2.0.2版）
- 12
如何在Ruby on Rails中显示条形图的图例？
- 13
Chart.js v2图表未显示在角度2内（但Chart.js v1完美运行）
- 14
在chart.js中的图例上显示点样式
- 15
在chart.js中的图例上显示点样式
- 16
如何在chart.js中获取多个y轴？
- 17
如何在angular-seed中嵌入chart.js
- 18
如何在chart.js中制作矩形
- 19
如何在Chart.js饼图上移动标签的位置
- 20
如何在JavaScript中[1,2] + [4,5,6] [1] = 1,25
- 21
在Chart.js 2中修改散点图的X轴标签
- 22
如何在chart.js中为饼图添加标签
- 23
如何在Chart.js v2.0中的标签上添加OnClick事件？
- 24
Chart.js：如何使x轴标签显示在条形图中的条形上方
- 25
Chart.js版本1的差异，能否在版本2中实现？
- 26
您如何在图例中显示文本标签？（例如，删除图例中的标签行）
- 27
每次使用 vue.js 2 发出通知时，如何在文本跨度中添加总数 + 1？
- 28
如何更改ggplot2的“主题”参数中的图例标签？
- 29
如何在第 1 类中更改第 2 类（Tkinter）中的小部件（标签）的属性？
我来说两句