设置echarts 的网格样式颜色

设置echarts的网格样式颜色

 

参考API文档:http://echarts.baidu.com/option.html#xAxis.splitLine

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
         //网格样式
        splitLine: {
            show: true,
            lineStyle:{
                 color: ['red'],
                 width: 1,
                type: 'solid'
            }
        }
    },
    yAxis: {
        type: 'value',
        //网格样式
        splitLine: {
            show: true,
            lineStyle:{
                 color: ['blue'],
                 width: 1,
                type: 'solid'
            }
        }
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    }]
};

效果图如下: 

设置echarts 的网格样式颜色_第1张图片

参考:http://hao2013.cn/?id=46 

你可能感兴趣的:(前端,js,javascript)