Echarts 图表使用（柱状图，饼图）

因需要满足UI的很多需求，现在把Echarts配置项记录一下。

一、标准柱状图

主要实现了：

1，标准柱状图多种颜色显示，不同类型显示不同颜色；

2，隐藏y轴轴线和刻度；

3，修改x轴轴线颜色和字体颜色；

4，实现柱状图的渐变显示。

var myChart = echarts.init(document.getElementById('wifi'));
        option = {
            //color: ["#90be4c", "#edb156"],
            tooltip : {
                trigger: 'axis',
                axisPointer : {
                    type : 'shadow',
                    axisPointer:{
                        lineStyle:{
                            type:'dotted',
                        }
                    }
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis : [
                {
                    type : 'category',
                    data : ['在线', '离线'],
                    axisLabel: {//修改x轴标签字体颜色
                        show: true,
                        textStyle: {
                            color: '#546a79'
                        },
                    },
                    axisLine:{//修改x轴颜色
                        lineStyle: {
                            color: '#ddd',
                        }
                    }
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    name:'数量（台）',
                    minInterval: 1,//设置刻度为整数
                    scale: false,
                    max:function(value) {//预设最大值，当数据最大值为0时，设置图表最大值为5
                        var max = 0;
                        if(value.max == 0){
                            max = value.max + 5;
                        }else{
                            max = value.max;
                        }
                        return max;
                    },
                    axisLabel: {
                        show: true,
                        textStyle: {
                            color: '#546a79'