пробел до и после точек данных на графике. js - PullRequest
Новая
       11

пробел до и после точек данных на графике. js

0 голосов
/ 05 февраля 2020

Можно ли иметь пробел после и перед каждой точкой данных? Как на этом изображении: enter image description here

1 Ответ

1 голос
/ 05 февраля 2020

Существует ряд dataset свойств , которые можно использовать для стиля точек . Вы можете использовать следующие для достижения того, что вы ищете.

  • pointBackgroundColor
  • pointRadius
  • pointBorderColor
  • pointBorderWidth

Пожалуйста, взгляните на следующий фрагмент кода. 

new Chart(document.getElementById("myChart"), {
    type: "line",
    data: {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
            label: "My First Dataset",
            data: [65, 59, 80, 81, 56, 55, 40],
            fill: false,
            borderColor: "rgb(75, 192, 192)",
            lineTension: 0.1,          
            pointBackgroundColor: "rgb(75, 192, 192)",
            pointRadius: 8,
            pointBorderColor: 'white',
            pointBorderWidth: 8
        }]
    },
    options: {}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="myChart" height="80"></canvas>

Если вы хотите, чтобы точки также выглядели одинаково при наведении на них указателя мыши, вам придется определить следующие свойства с идентичными Значения

...