如何摆脱折线图上每个点顶部的折线（Chart.js）

Question

我正在使用Chart.js并创建折线图。 我似乎无法摆脱每个图表坐标上方的线。 参见下图。 我需要更改哪个设置才能摆脱它们？ 谢谢。

点击我

这是图表变量的样子

var chart = new Chart(chartx, {
  type: 'line',
  data: {
    labels: labels,
    datasets: [{
      data: data,
      fill: false,
      borderColor: 'rgb(0,0,0)', 
      borderWidth: 1,
      lineTension: 0,
      pointStyle: 'dash'
    }]
  },
        options: {
    responsive: true,
    maintainAspectRatio: true,
    animation: false, 
            scales: {
                xAxes: [{
                    display: false
                }],
                yAxes: [{
                    display: false
                }]
    },
            legend: {
                display: false,
            }
    },
});

Answer 1

这是因为您在数据集属性中放置了pointStyle: 'dash' 。

) : 有关线图数据结构的信息，请参见Chart.js文档 （ pointStyle ）：

风格点。 选项为“圆形”，“三角形”，“矩形”，“ rectRot”，“十字”，“十字”，“星形”，“线”和“破折号”。 如果该选项是图像，则使用drawImage在画布上绘制该图像。

您必须在不同的选项之间进行选择。

---

请注意，没有none选项。

如果要删除点样式，可以：

• 将数据集的pointRadius属性设置为0（类似于此小提琴） 。
• 导入图像，如blockquote第二部分所述，该图像为空（像这样 ）。