Echart常用配置

139 阅读1分钟

X轴显示太紧密如何设置

{
    type: 'value',
    splitNumber: 3boundaryGap:[0,1],
    // minInterval: 15,
    axisLabel: {
        formatter: function (value) {
            return value + '万元'; // 在坐标值后面加上单位“月”
        }
    },		
},
  • type为value时,设置splitNumber,boundaryGap表示设置坐标轴两端留白
  • type为category时,设置splitNumber,表示两个刻度之间的间隔

Y轴刻度线的小刻度

axisTick:刻度线通常是沿着坐标轴绘制的小线段

    yAxis: [
     {
        type: 'category',
        axisLine: 
        onZero: 0, // 将Y轴的刻度线移动到指定位置
        },
        axisTick: { 
            show: true,
            // distance: 5, 
            alignWithLabel: true,
	},
	axisLine: {
            show: true, // 去掉坐标轴线
	 },
	splitLine: { // 可以选择保留或去掉横线
            show: false
	}
      }
   ]

-设置axisTick属性可以展示

image.png