Диаграмма Js: Различная заливка цвета между точками делает линии прямыми ... нужны кривые (lineTension) - PullRequest
Новая
       14

Диаграмма Js: Различная заливка цвета между точками делает линии прямыми ... нужны кривые (lineTension)

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

Я строю линейную диаграмму с разными цветами фона между точками данных. Когда я разбиваю свой набор данных на следующие, lineTension теряется и показывает прямые линии. Как я могу сделать кривые? 

var data = {
    labels: ["Jan", "Feb", "Mar", "Apr"],
    datasets: [{
        data: [73, 59, null, null],
        backgroundColor: "rgba(233, 104, 92, 0.3)",
        borderColor: "rgba(233, 104, 92, 0.3)",
        pointRadius: 0,
        lineTension: 0.4,

    }, {
        data: [null, 59, 70, null],
        backgroundColor: "rgba(92, 193, 77, 0.3)",
        borderColor: "rgba(92, 193, 77, 0.3)",
        pointRadius: 0,
        lineTension: 0.4
    }, {
        data: [null, null, 70, 55],
        backgroundColor: "rgba(233, 104, 92, 0.3)",
        borderColor: "rgba(233, 104, 92, 0.3)",
        pointRadius: 0,
        lineTension: 0.4
    }
    ]
};
var ctx = document.getElementById("myChart").getContext("2d");
var options = {
   showTooltips: false,
}

var chart = new Chart(ctx).Line(data, options);
...