Echarts, как сделать каждый столбец разным цветом с помощью Echarts и создать легенду из каждого столбца - PullRequest
0 голосов
/ 25 февраля 2019

Я создал линейные графики с Echarts.js.Есть две обязанности, связанные с этим вопросом.Первый: как можно сделать цвет каждого столбца, принадлежащего линейной диаграмме в одном и том же значении массива?Второе: как значения на оси X можно представить в виде отдельной легенды?

var option = {
            title: {
                text: 'title here',
                subtext: 'subtext here',
                x: 'center',
                fontFamily: 'Open Sans'
            },
            tooltip: {
                trigger: 'axis',
                formatter: "Name: {b}<br/> Toplam: {c}",
                axisPointer: {
                    type: 'shadow'   
                }
            },
            legend: {
                type: 'scroll',
                orient: 'horizontal',
                data: ['bar 1'],
                right: 10,
                top: 20,
                bottom: 20,
                align: 'left'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    data: gwNameList,
                    axisTick: {
                        alignWithLabel: true
                    }
                }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
                {
                    name: 'bar 1',
                    type: 'bar',
                    barWidth: '40%',
                    center: ['40%', '50%'],
                    data: gwRequestList
                }
            ],
            color: ['#EF9170', '#62D0AC', '#5986A5', '#D35384', '#FFFB93']
        };
        myChart.setOption(option);
    },
            );
...