Как избавиться от линии поверх каждой точки на линейной диаграмме (Chart.js)

Question

Я работаю с Chart.js и создаю линейные диаграммы. Кажется, я не могу избавиться от линии над каждой координатой диаграммы. См. Рисунок ниже. Какую настройку мне нужно изменить, чтобы избавиться от них? Благодарю.

Click me

Вот что переменная диаграмма выглядит

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 находится в последней строке таблицы):

Стиль точки. Возможные варианты: «круг», «треугольник», «прямой», «прямой», «крест», «крест», «звезда», «линия» и «тире». Если параметр является изображением, это изображение рисуется на холсте с помощью drawImage.

Вы должны выбрать один из следующих вариантов.

---

Обратите внимание, что нет опции none.

Если вы хотите, чтобы удалить стиль точки, вы можете:

• Установите атрибут набора данных pointRadius 0 (как в this fiddle)
• Импорт изображения, как указано во второй части из. blockquote, который пуст (например, this one).