echarts 中添加图片/图标

javascript 复制代码
let myChart = echarts.init(this.$refs.chartOne); // 注意这里的 ref 引用  
  myChart.setOption({  
    tooltip: {
      trigger: 'item',
      formatter: '{b} : {c}'
     },
     series: [{
       type: 'pie',
       radius: '50%',
       data: this.swjList,
       label: {
         formatter: (params) => {
           if (params.name !== '') {
             let percentl = params.percent === undefined ? 0 : params.percent
               if(Number(percentl) > 15){
                  return params.percent + '%{Sunny|}'
                }else{
                  return `${percentl}%`
                }
              }
              return ''
           },
          rich: {
             cValue: {
                height: 25,
                padding: [0, 10, 0, 30],
                align: 'right'
               },
              Sunny: {
                 height: 15,
                 width: 15,
                 align: 'left',
                 backgroundColor: {
                   image: require('../../../assets/images/warning.png'),
                   repeat: 'no-repeat',
                   repeat: 'no-repeat',
                   position: 'center'

                 }
                },
              }
           },
           emphasis: {
               itemStyle: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
         }]
       });  
      window.addEventListener('resize', () => {  
         myChart.resize();  
      });  

Echarts ---自定义label标签的样式(formatter,rich,添加图标等操作)_echarts label-CSDN博客

相关推荐
初遇你时动了情3 小时前
css中backdrop-filter 详细使用 ios毛玻璃效果、filter和backdrop-filter使用说明
前端·css
景彡先生5 小时前
Python Selenium详解:从入门到实战,Web自动化的“瑞士军刀”
前端·python·selenium
Liudef066 小时前
DeepseekV3.2 实现构建简易版Wiki系统:从零开始的HTML实现
前端·javascript·人工智能·html
景早8 小时前
vue 记事本案例详解
前端·javascript·vue.js
wangjialelele9 小时前
Qt中的常用组件:QWidget篇
开发语言·前端·c++·qt
乔冠宇9 小时前
vue需要学习的点
前端·vue.js·学习
用户47949283569159 小时前
同样是 #,锚点和路由有什么区别
前端·javascript
Hero_11279 小时前
在pycharm中install不上需要的包
服务器·前端·pycharm
爱上妖精的尾巴10 小时前
5-26 WPS JS宏数组元素添加删除应用
开发语言·前端·javascript·wps·js宏
是谁眉眼10 小时前
wpsapi
前端·javascript·html