chart. js с использованием png-файла в качестве ошибки точки графика - PullRequest
Новая
       7

chart. js с использованием png-файла в качестве ошибки точки графика

0 голосов
/ 13 апреля 2020

Я пытаюсь использовать изображение в качестве точки графика, но получаю сообщение об ошибке: 

NS_ERROR_NOT_AVAILABLE: Chart.min.js:10
drawPoint https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
draw https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
draw https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
drawDataset https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
drawDatasets https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
draw https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
render https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
callback https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
advance https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
startDigest https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10
request https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js:10

Код работает с URL, но я хочу отобразить файл PNG из папки моего проекта, я устал от изменения point.sr c но это не помогло, вот мой код: 

var point = new Image();
point.src = 'src/main/resources/templates/arrow.png';

var colors = ['#007bff', '#28a745', '#333333', '#c3e6cb', '#dc3545', '#6c757d'];
var chLine = document.getElementById("chLine");
if (chLine) {
  new Chart(chLine, {
    type: 'line',
    data: {
      labels: date,
      datasets: [{
        data: velocity,
        borderColor: colors[0],
        backgroundColor: 'transparent',
        pointBackgroundColor: colors[0],
        pointStyle: point
      }]
    }
  });
}
...