Baidu's echarts - заполняет пространство между двумя строками - PullRequest
0 голосов
/ 15 апреля 2019

Я хотел бы найти подход к тому, как нарисовать 2 линии в диаграммах ECS и заполнить пространство между ними следующим образом:

enter image description here

Итакчто каждая строка имеет свой собственный цвет.В зависимости от порядка линий - область заполняется одним или другим цветом (см. Изображение).

Есть ли собственный способ сделать это?Я обнаружил, что некоторые люди упоминают extensions, но никто не дает каких-либо инструкций о том, как написать их с нуля. Также я не нашел примеров на официальной странице документации.Я был бы признателен, если бы кто-нибудь указал мне правильное направление достижения этой цели.

В худшем случае - я бы принял другие библиотеки, если бы у них был такой крайне необходимый вариант.

ЛучшийЯ мог бы сделать это:

var chartOptions = {
    xAxis: [{
        type: 'value'
    }],
    yAxis: [{
        type: 'value'
    }],
    series: [{
        type: "line",
        data: [[0, 4], [1, 3], [2, 2], [3, 2], [4, 1], [5, 2]],
    }, {
        type: "line",
        data: [[0, 2], [1, 3], [2, 4], [3, 8], [4, 5], [5, 0]],
    }],
};
var aChart = echarts.init(document.getElementById('aGraph'));
aChart.setOption(chartOptions);

enter image description here

...