Javascript Chart.js:为数据集设置不同的选项

Javascript Chart.js:为数据集设置不同的选项,javascript,charts,lines,chart.js,Javascript,Charts,Lines,Chart.js,背景 我想使用Chartjs Lines图表实现如下图所示的效果。两条线,一条带点,一条不带点。 我认为解决这个问题的方法是为两个数据集(行)设置不同的选项属性 问题 图表数据集选项是为整个图表全局设置的。我无法为这两个数据集设置不同的选项 这可以通过将点的不透明度设置为0来实现,这样它们就不会显示 var数据={ 标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”], 数据集:[{ 标签:“我的第一个数据集”, 填充颜色:“rgba(220220,0.2)”, st

背景

我想使用Chartjs Lines图表实现如下图所示的效果。两条线,一条带点,一条不带点。 我认为解决这个问题的方法是为两个数据集(行)设置不同的选项属性

问题

图表数据集选项是为整个图表全局设置的。我无法为这两个数据集设置不同的选项


这可以通过将点的不透明度设置为0来实现,这样它们就不会显示

var数据={
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
填充颜色:“rgba(220220,0.2)”,
strokeColor:“rgba(2201)”,
点颜色:“rgba(220220,1)”,
pointStrokeColor:“fff”,
pointHighlightFill:“fff”,
pointHighlightStroke:“rgba(2201)”,
数据:[65,59,80,81,56,55,40]
}, {
标签:“我的第二个数据集”,
填充颜色:“rgba(151187205,0.2)”,
strokeColor:“rgba(151187205,1)”,
pointColor:“rgba(0,0,0,0)”,
pointStrokeColor:“rgba(0,0,0,0)”,
pointHighlightFill:“rgba(0,0,0,0)”,
pointHighlightStroke:“rgba(0,0,0,0)”,
数据:[28,48,40,19,86,27,90]
}]
};
var chart_canvas=document.getElementById(“canvas”).getContext(“2d”);
var line\u chart=新图表(图表画布)。line(数据)