Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Chart.js绘制实心点_Chart.js - Fatal编程技术网

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

如何使用Chart.js绘制实心点,chart.js,Chart.js,我最近使用Chart.js在我的网页上绘制图表。现在我遇到了一个问题,我已经阅读了Chart.js的文档,发现没有办法画出可靠的点。有人有这个问题吗? 在文档中找到了这一点,我相信您会希望使用类似于以下内容的内容,只需在数据集中的数据中添加背景色即可: var chartData = { datasets: [{ data: [45, 25, 20, 10], backgroundColor: [ '#ff6384',

我最近使用Chart.js在我的网页上绘制图表。现在我遇到了一个问题,我已经阅读了Chart.js的文档,发现没有办法画出可靠的点。有人有这个问题吗?

在文档中找到了这一点,我相信您会希望使用类似于以下内容的内容,只需在数据集中的数据中添加背景色即可:

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]

是的,它可以工作。我很好奇为什么没有一个属性可以设置。