如何使用Chart.js绘制实心点

Question

我最近使用Chart.js在我的网页上绘制图表。现在我遇到了问题，我已经阅读了Chart.js的文档，发现无法绘制实心点。有人有这个问题吗？

Answer 1

在文档中发现这个here我相信您会想要使用类似下面的内容，只需在数据集中为数据添加backgroundColor：

var chartData = {
    datasets: [{
        data: [45, 25, 20, 10],
        backgroundColor: [
            '#ff6384',
        ]
    }]
};

我没有经过测试，因此您可能还需要执行borderColour：

var chartData = {
    datasets: [{
        data: [45, 25, 20, 10],
        backgroundColor: [
            '#ff6384',
        ],
        borderColor: [
            '#ff6384',
        ]
    }]
};

很确定这就是我在线图上的表现（但是我想要一种不同的边框颜色），如果你还有问题让我知道并且我会有一个测试

Answer 2

我在每个数据集下使用了 pointBackgroundColor: 'rgba(153, 124, 194, 0.5)' 来配置点的背景颜色。

您可以在此处的“数据集属性”下找到它： [https://www.chartjs.org/docs/latest/charts/line.html][1]