echart的X,Y轴name颜色设置,name旋转,X轴Y轴刻度线是否显示,坐标轴X轴Y轴颜色设置,X轴Y轴里面的的网格线是否显示

echart的X,Y轴name颜色设置,name旋转,X轴Y轴刻度线是否显示,坐标轴X轴Y轴颜色设置,X轴Y轴里面的的网格线是否显示
在这里插入图片描述

X轴与Y轴配置基本相同,以下以X轴为例子
xAxis:[
	name:"xxx, //名字
	nameTextStyle: {
    
    
        color: '#666'//X轴Y轴颜色设置
    },
    nameRotate:0,//旋转角度
    nameLocation :'center',//name位置,不写默认在X轴末尾
	axisLine: {
    
    //X轴Y轴线的配置项
              show:true,//是否显示X轴Y轴
              lineStyle: {
    
    
                color: "#faba72",//X轴Y轴的颜色
              },
              onZero: false//X轴Y轴的起点是否是原点(通常就是我们说的[0,0]坐标)
            },
            splitLine: {
    
    //X轴Y轴的网格线配置
              show: false,//为false不显示X轴Y轴的网格线
            },
            axisLabel: {
    
    //X轴Y轴下面显示的数据
              formatter: "{value}%",
              interval: 0,
              textStyle:{
    
     //X轴Y轴下面文字或数据颜色设置
                color: "#666",
              },
              fontSize: 14,
            },
            axisTick: {
    
    //X轴Y轴刻度线
              show:true
            },
]

猜你喜欢

转载自blog.csdn.net/qq_40739261/article/details/129667854
今日推荐