Echarts坐标轴线、坐标轴刻度线、网格线控制显示隐藏以及柱状

2022-08-15  本文已影响0人  深渊凝视

X轴如下;Y轴同理

  xAxis: [
          {
            min: 0,
            splitNumber: 8,
            // //网格线
            splitLine: {
              show: true,
              lineStyle: {
                type: 'dashed', //y轴分割线类型
                color: 'rgba(102,102,102,0.9)',
                width: 2.5,
              },
            },
            // 坐标刻度线
            axisTick: {
              show: false,
              lineStyle: {
                type: 'solid', //y轴分割线类型
                color: 'rgba(102,102,102,0.9)',
                width: 2.5,
              },
            },
            // 坐标 轴线
            axisLine: {
              show: true,
              lineStyle: {
                type: 'solid',
                // color: 'rgba(66, 192, 255, .3)',
                color: 'rgba(102,102,102,0.9)',
                width: 2.5
                // color: 'red'
              },
            },
            // //坐标轴样式
            axisLabel: {
              show: true,
              textStyle: {
                color: '#FFFFFF',
                fontSize: 30,
                padding: 10,
              },
            },
          },
        ],
上一篇下一篇

猜你喜欢

热点阅读