ECharts 知识笔记

 涓滴之水终可磨损大石，不是由于它的力量强大，而是由于昼夜不舍的滴坠

 

 定制label样式（图标上显示的对应文字 对文字一些样式的修改）

（1）通过“formatter”实现内容自定义；

（2）通过“rich”项控制内容样式；
   '{c1|' + val1 + '}/{c2|' + val2 + '}' 用“c1”的样式显示“val1”，用“c2”的样式显示val2；
（3）下方有对“color1”和“color2”样式的具体定义；
官方文档
官方文档有更加详细的描述：
http://echarts.baidu.com/option.html#xAxis.axisLabel.rich

itemStyle: {
    normal: {
        color: '#f7ba0e',
        label: {
            show: true,
            position: 'top',
            formatter: function(params) {
                for (var i = 0,
                l = option.xAxis[0].data.length; i < l; i++) {
                    if (option.xAxis[0].data[i] == params.name) {
                        var val1 = params.value || 0;
                        var val2 = option.series[0].data[i] || 0;
                        return '{c1|' + val1 + '}/{c2|' + val2 + '}';
                    }
                }
            },
            rich: {
                c1: {
                    color: '#f7ba0e'
                },
                c2: {
                    color: '#42a1fe'
                }
            },
            textStyle: {
                color: '#333'
            }
        }
    }
}