Можно ли отобразить chartArea в двух цветах на charts.js? - PullRequest
Новая
       9

Можно ли отобразить chartArea в двух цветах на charts.js?

0 голосов
/ 26 октября 2018

Я создал компонент реакции с диаграммой charts.js.

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

var ctx = document.getElementById('myChart').getContext("2d");
var gradientFill = ctx.createLinearGradient(500, 0, 100, 0);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0.6)");
gradientFill.addColorStop(1, "rgba(244, 144, 128, 0.6)");

И это не помогает мне, потому что я использую компонент.

У него есть эти опции. 

const options = {
    responsive: true,
    maintainAspectRatio: true,
    legend: {
        display: false
    },
    vline: true,
        label: 'Weekend Start',
        linePosition: 2,
    scales: {
        yAxes: [{
            gridLines: {
                display:false
            },
        }],
        xAxes: [{
            gridLines: {
                display:false
            }
        }]
    },
   backgroundColor: ¿?
};

Компонент очень прост 

<Line
    data={data}
    options={options}
/>

Белый фон должен отображаться до текущего года, а остальные годы должны иметьсерый фон.

Есть идеи? Я ценю любую помощь .

Спасибо за вашу помощь!

...