美文网首页
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