Javascript 基于数组中条目的chartJS中的动态颜色
我在尝试根据JSON响应动态地为条形图着色时遇到了一个问题 我知道这个问题以前被问过很多次,但我找到的或试图找到的答案都没有让我更接近解决方案 我已经创建了一个快速显示问题的方法 我有许多其他图表,它们都是从不同的JSON字符串生成的,因此我将其进行了大量的缩减,以尝试隔离这个问题。我对其他图表没有相同的问题,因为标签数组中的条目数与颜色数一致。令人不快的代码是这样的Javascript 基于数组中条目的chartJS中的动态颜色,javascript,chart.js,Javascript,Chart.js,我在尝试根据JSON响应动态地为条形图着色时遇到了一个问题 我知道这个问题以前被问过很多次,但我找到的或试图找到的答案都没有让我更接近解决方案 我已经创建了一个快速显示问题的方法 我有许多其他图表,它们都是从不同的JSON字符串生成的,因此我将其进行了大量的缩减,以尝试隔离这个问题。我对其他图表没有相同的问题,因为标签数组中的条目数与颜色数一致。令人不快的代码是这样的 DT_Labels.forEach(function(DT_LABELS, x) { data.datasets.push({
DT_Labels.forEach(function(DT_LABELS, x) {
data.datasets.push({
label: DT_LABELS,
backgroundColor: backgroundColor[x],
data: JSON.parse(DT_Values[x]).map(Number)
});
});
DT_标签只包含一个条目,因为图表是一个汇总列表-理论上,如果我计算DT_值的数量,这将起作用,但如果我这样做,我无法在图表中获得正确的数据
您知道如何重新格式化此文件以根据值的数量而不是标签生成颜色计数器吗?更改:
backgroundColor: backgroundColor[x],
致:
结果:
为什么这样做?
可以通过多种方式指定该属性。通常设置为字符串,例如
#abcdef
,但也可以设置为数组。在本例中,Chart.js本身将根据所绘制数据点的索引从数组中选择颜色。实际的&@$%。。。5小时!5个小时,我所要做的就是移开柜台?伙计,我需要花一些时间认真阅读关于chart.js的内容,然后才能掌握基本知识!
backgroundColor: backgroundColor,