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 doc有关LineChart数据结构（pointStyle 位于表的最后一行）：

点的风格。选项包括'circle'，'triangle'，'rect'，'rectRot'，'cross'，'crossRot'，'star'，'line'和'dash'。如果选项是图像，则使用drawImage在画布上绘制该图像。

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

<小时/> 请注意，没有none选项。

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

将数据集的pointRadius属性设置为0（如this fiddle)中所示。
按照blockquote的第二部分所述导入图像，该部分为空（如this one）。

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

1 个答案: