Charts chartjs列的默认背景色
您好,如何将默认背景色设置为数据集列?就像在图像上一样。 柱的灰色部分。因此,每列都将具有从0到最大值的灰色背景色 这是我的数据表的代码。我查看了chart.js网站上的示例,但在那里我找不到任何关于这种情况的信息Charts chartjs列的默认背景色,charts,chart.js,chartjs-2.6.0,Charts,Chart.js,Chartjs 2.6.0,您好,如何将默认背景色设置为数据集列?就像在图像上一样。 柱的灰色部分。因此,每列都将具有从0到最大值的灰色背景色 这是我的数据表的代码。我查看了chart.js网站上的示例,但在那里我找不到任何关于这种情况的信息 var ctx = document.getElementById("data"); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Today', '12 Th', '13
var ctx = document.getElementById("data");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Today', '12 Th', '13 Fr', '14 St', '15 Sn', '16 Mn', '17 Tu'],
datasets: [{
label: 'Capacity',
data: [20.7, 10, 40, 2, 100, 43, 34],
backgroundColor: '#43d100'
},
{
label: 'Confirmed',
data: [11.4, 100, 20, 42, 10, 20, 65],
backgroundColor: '#dc1f1f'
}
]
},
options: {
legend: {
display: false
},
layout: {
borderWidth: 0
},
scales: {
xAxes: [{
stacked: true,
gridLines: {
display: false,
borderWidth: 0,
drawBorder: false
}
}],
yAxes: [{
stacked: true,
ticks: {
beginAtZero: true,
display: false,
max: 200,
fill: "#07C"
},
gridLines: {
display: false,
borderWidth: 0,
drawBorder: false
}
}]
}
}
});
列背景色的选项不存在。
需要添加第三个系列来表示背景。
这可以通过从最大值中减去原始值轻松完成。
使用
过滤器
选项可以删除背景系列的工具提示
请参阅以下工作片段
$(文档).ready(函数(){
//原始数据集
var图表数据=[{
标签:“容量”,
数据:[20.7,10,40,2100,43,34],
背景颜色:“#43d100”
},
{
标签:“已确认”,
数据:[11.4100,20,42,10,20,65],
背景颜色:“#DC1F”
}];
//最大值-背景数据集
var maxValue=200;
var maxData={
标签:“最大值”,
数据:[],
背景颜色:“#中交”
};
//从最大值中减去每个数据集值
chartData.forEach(函数(数据集){
dataset.data.forEach(函数(值、索引){
如果(maxData.data.length@WhiteHat您好,我的问题已更新。谢谢