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

标题

我正在使用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,
            }
    },
});
泰迪

这是因为您pointStyle: 'dash'输入了数据集属性。

有关线图数据结构的信息,请参阅Chart.js文档pointStyle 位于表的最后一行):

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

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


请注意,没有 none 选择。

如果要删除点样式,可以:

  • pointRadius您的数据集的属性设置为0(就像这个小提琴一样)
  • 导入图像,如blockquote的第二部分所述,该图像为空(像这样)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章