如何解决Chart.js如何更改颜色的宽度
大家好,我正在使用图表js 2.9.3,因此我在颜色方面遇到问题
我如何更改在红色圆圈中选择的颜色的宽度,因为我有很多数据,因此我需要减小矩形的宽度 我想两次减少矩形的宽度 我在询问之前就搜索了它,但找不到任何可以帮助我的东西 有我的代码
var infosum = {
label: chart[i].data_name+' ['+chart[i].data_id + ']',data: chart[i].sum,backgroundColor: 'rgba(255,255,0)',borderColor: '#'+(Math.random() * 0xFFFFFF << 0).toString(16).padStart(6,'0'),borderWidth: 2
};
if ($('#linearChart'+type).length) {
var ctx = document.getElementById('linearChart'+type);
var linearChartjs = new Chart(ctx,{
type: 'line',data: {
labels: monthyear,datasets: data,},options: {
responsive: true,scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
}
}
先谢谢大家
解决方法
这可以通过legend.labels.boxWidth
选项来完成,如下所示:
options: {
responsive: true,legend: {
labels: {
boxWidth: 15
}
}
...
}
boxWidth
:彩色框的宽度(默认值为40
)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。