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

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

作者: 深渊凝视 | 来源:发表于2022-08-15 10:04 被阅读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,
              },
            },
          },
        ],

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/subkgrtx.html