关于echarts饼图禁止高亮（或设置高亮颜色）

最新推荐文章于 2024-08-20 15:50:34 发布

吃橘子嗎

最新推荐文章于 2024-08-20 15:50:34 发布

阅读量1w

点赞数 3

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/qq_42477147/article/details/99716140

版权

echarts 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

把前后颜色设置相同即可。

  const POLAR_OPTIONS = {
        title: {
          show: true,
          text: '90.54%',
          textStyle: {
            fontSize: 14,
            color: '#449aff',
          },
          x: 'center',
          y: 'center',
        },
        grid: {
          left: '20px',
          right: '20px',
          bottom: '10%',
          top: '0px',
          containLabel: true,
        },
        tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)',
        },
        legend: {
          orient: 'vertical',
          x: 'center',
          top: '85%',
          data: ['磁盘空间使用正常'],
          selectedMode: false,
        },
        color: ['#449aff', '#e6e6e6'],
        series: [
          {
            name: '磁盘使用情况',
            type: 'pie',
            radius: ['30%', '60%'],
            avoidLabelOverlap: false,
            label: {
              normal: {
                show: false,
                position: 'center',
              },
              emphasis: {
                show: false,
              },
            },
            labelLine: {
              normal: {
                show: false,
              },
            },
            data: [
              { value: 335, name: '磁盘空间使用正常' },
              {
                value: 35,
                name: '未使用',
                itemStyle: {
                  normal: { color: '#e6e6e6' },  //正常颜色
                  emphasis: { color: '#e6e6e6' }, //鼠标移入颜色
                },
              },
            ],
          },
        ],
      }