chart.js как вывести максимальное значение? - PullRequest
0 голосов
/ 13 декабря 2018

Мне нужно отобразить максимальное значение, как на картинке в правом верхнем углу.Возможно ли это даже с опциями chart.js?Я предполагаю, что он будет работать с плагином, но я не знаю, как его сделать

new Chart(document.getElementById('chart'), {
type: 'line',
data: {
labels: [0, 1, 2, 3, 4, 5],
datasets: [{
  label: 'series 1',
  data: [0, 2, 4, 3, 1, 0]
}]
},
options: {
maintainAspectRatio: false,
scales: {
  xAxes: [{
    gridLines: {
      display: false, // must be false since we're going to draw our 
      own 'gridlines'!
      color: 'rgba(255, 0, 0, .2)', // can still set the colour.
      lineWidth: 5 // can still set the width.
    }
  }],
  yAxes: [{
    gridLines: {
      display: false
    },
    ticks: {
      beginAtZero: true
    }
  }]
}
},

});

enter image description here

1 Ответ

0 голосов
/ 13 декабря 2018

код JavaScript

var maxVal = Math.max.apply (null, data) // 4 document.getElementById ("demo"). InnerHTML = maxVal;

HTML-код

MaxValue

вы уже знаете данные по оси Y, поэтому с помощью функции Math.max.apply передайте массив данных по оси Y в функцию, найдите максимальное значение в массиве и сохраните его в переменной.элемент, использующий либо DOM по id innerhtml, либо объект canvas для отображения элемента на приведенном выше графике.выравнивание с использованием css

...