Chartjs: showLine в зависимости от значения - PullRequest
Новая
       30

Chartjs: showLine в зависимости от значения

0 голосов
/ 24 мая 2018

У меня есть простая линейчатая диаграмма Chartjs.

Я хочу нарисовать линию, если значение в наборе данных, например, больше 10, и поставить 

showLine: false

Если значение не 'не соответствует условию.

Как я могу это сделать?В документе нет информации.

Ссылка на документ

Jsfiddle

1 Ответ

0 голосов
/ 24 мая 2018

Вот пример диаграммы с двумя наборами данных.Первая содержит все точки >10 и null для значений, меньших 10. Чтобы наложить линию на пробелы, отметьте параметр spanGaps: true.Второй - с точностью до наоборот.Здесь мы скрываем строку, добавляя showLine: false.

var ctx = document.getElementById ('myChart').getContext ('2d');
var chart = new Chart (ctx, {
    
    type: 'line',

    data: {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "My First dataset",
                backgroundColor: 'rgba(255, 99, 132, 0.5)',
                borderColor: 'rgba(255, 99, 132, 0.5)',
                spanGaps: true,
                data: [12, null, 15, 20, null, 30, null],
            },
            {
                label: "My second dataset",
                backgroundColor: 'rgba(135, 99, 225, 1)',
                borderColor: 'rgba(135, 99, 225, 1)',
                showLine: false,
                data: [null, 9, null, null, 8, null, 7],
            }
        ]
    },

    options: {}
    
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>

<canvas id="myChart"></canvas>
...