echarts改变颜色

传送门:https://blog.csdn.net/QH_JAVA/article/details/52495675

多柱状图修改颜色方法:直接配置color:['red','blue','green']

var colorList = ['#FFC367', '#5793F3', '#DA9CFF', '#27727B',
            '#5D84FF', '#C1232B', '#B5C334', '#FCCE10', '#E87C25',
            '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
            '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'];
var option = {
            legend: {},
            tooltip: {},
            grid: {
                left: '3%',
                right: '5%',
                top: '8%',
                bottom: '3%',
                containLabel: true
            },
            color: colorList,//直接在这里配置即可生效
            // dataset: {
            //     source: [
            //         ['product', '男', '女'],
            //         ['生均消费', 43.3, 85.8],
            //         ['充值金额', 83.1, 73.4]
            //     ]
            // },
            dataset: {
                dimensions: ['product', '生均消费', '充值金额'],
                source: [
                    { product: '男', '生均消费': 43.3, '充值金额': 85.8 },
                    { product: '女', '生均消费': 83.1, '充值金额': 73.4 }
                ]
            },
            xAxis: { type: 'category' },
            yAxis: {},
            // Declare several bar series, each will be mapped
            // to a column of dataset.source by default.
            series: [
                { type: 'bar' },
                { type: 'bar' }
            ],   
        };