如何使用Chart.js绘制实心点
我最近使用Chart.js在我的网页上绘制图表。现在我遇到了一个问题,我已经阅读了Chart.js的文档,发现没有办法画出可靠的点。有人有这个问题吗? 在文档中找到了这一点,我相信您会希望使用类似于以下内容的内容,只需在数据集中的数据中添加背景色即可:如何使用Chart.js绘制实心点,chart.js,Chart.js,我最近使用Chart.js在我的网页上绘制图表。现在我遇到了一个问题,我已经阅读了Chart.js的文档,发现没有办法画出可靠的点。有人有这个问题吗? 在文档中找到了这一点,我相信您会希望使用类似于以下内容的内容,只需在数据集中的数据中添加背景色即可: var chartData = { datasets: [{ data: [45, 25, 20, 10], backgroundColor: [ '#ff6384',
var chartData = {
datasets: [{
data: [45, 25, 20, 10],
backgroundColor: [
'#ff6384',
]
}]
};
我还没有测试过,所以您可能还需要使用BorderColor:
var chartData = {
datasets: [{
data: [45, 25, 20, 10],
backgroundColor: [
'#ff6384',
],
borderColor: [
'#ff6384',
]
}]
};
我很确定这就是我在线图上所做的(不过我想要一个不同的边框颜色),如果您仍然有问题,请告诉我,我将进行测试我在每个数据集下使用
pointBackgroundColor:'rgba(153124194,0.5)
来配置点的背景颜色
您可以在这里的“数据集属性”下找到它:
[https://www.chartjs.org/docs/latest/charts/line.html][1] 是的,它可以工作。我很好奇为什么没有一个属性可以设置。