echarts饼图鼠标移入或者鼠标点击突出区域

大湿骑码

已于 2022-11-23 14:10:00 修改

阅读量3k

点赞数 1

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

于 2022-11-23 14:08:46 首次发布

本文链接：https://blog.csdn.net/yqlnihao/article/details/127999275

版权

前端同时被 3 个专栏收录

43 篇文章 1 订阅

订阅专栏

31 篇文章 0 订阅

订阅专栏

echarts

5 篇文章 0 订阅

订阅专栏

// selectedMode: "single",//鼠标点击突出该区域
//hoverAnimation:false,//企鹅裙焦柳330586621鼠标移入是否突出该区域 false不突出，true突出
series: [
            {
              name: "数据",
              type: "pie",
              selectedMode: "single",//鼠标点击是否突出该区域
              radius: ["0%", "50%"],
              hoverAnimation:false,//鼠标移入是否突出该区域
              // label: {
              //   position: "inner",
              // },
              label: {
                show: true,
                position: "inner",
                formatter: function (params) {
                  if (params.value == 0) {
                    //数据为0时不显示
                    return "";
                  } else {
                    return params.data.name;
                  }
                },
              },
              labelLine: {
                show: false,
              },
              color: ["#7CD7FF", "#29BEFF"],
              data: [
                { value: num, name: "非正常生产" },
                { value: that.production, name: "正常生产" },
              ],
            },
          ],