echarts y轴展示百分比和数值

最新推荐文章于 2024-05-24 13:39:19 发布

哆比哆比

最新推荐文章于 2024-05-24 13:39:19 发布

阅读量2.7k

点赞数 2

分类专栏： echarts 文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/WMW_wmw/article/details/125996078

版权

echarts 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

请添加图片描述

     legend: {
            top: 5,
            right: 0,
            itemWidth: 18,
            itemHeight: 12,
            icon: 'rect',
            textStyle: {
              color: '#fff'
            }
          },
         grid: { left: 0, top: 50, bottom: 20, right: 0, containLabel: true },
         yAxis: [
            {
              type: 'value',
              axisLine: { show: true, lineStyle: { color: 'D0FFF6' } },
              axisLabel: {
                show: true,
                color: '#D0FFF6',
                interval: 'auto',
                formatter: '({value})'
              },
              splitLine: { lineStyle: { color: 'rgba(0,0,0,0)' } }
            },
            {
              min: 0,
              max: 100,
              position: 'left',
              offset: 40,
              type: 'value',
              boundaryGap: [0, 0.01],
              axisLabel: {
                show: true,
                color: '#D0FFF6',
                interval: 'auto',
                formatter: '{value}%'
              },
              splitLine: {
                lineStyle: {
                  type: 'dashed', // 横线类型
                  color: 'rgba(208, 255, 246, 0.7)'
                }
              },
              axisLine: {
                lineStyle: {
                  type: 'dashed',
                  color: 'rgba(208, 255, 246, 0.7)'
                }
              }
            }
          ],