ECharts 坐标轴颜色改变、位置改变、去网格

chibimarukochan

于 2017-11-03 15:25:31 发布

阅读量1.1w

点赞数 1

分类专栏： web前端文章标签： Echarts 坐标轴颜色去网格坐标轴位置

本文链接：https://blog.csdn.net/ChibiMarukoChan/article/details/78436103

版权

web前端专栏收录该内容

42 篇文章 1 订阅

订阅专栏

xAxis.splitLine

坐标轴在 grid 区域中的分隔线。

 xAxis: {
            type: 'value',
            //改变X 轴的位置 top\bottom
            position:'top',
            boundaryGap: [0, 0.01],
            // 控制网格线是否显示
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改变x轴颜色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },xAxis: {
            type: 'value',
            //改变X 轴的位置 top\bottom
            position:'top',
            boundaryGap: [0, 0.01],
            // 控制网格线是否显示
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改变x轴颜色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },

yAxis.axisLine

 yAxis: {
            type: 'category',
            show: true,
            data: ['南京','扬州','镇江','南通','泰州','常州','徐州','连云港'],
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改变x轴颜色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },