您当前的位置: 首页 >  ar

漏刻有时

暂无认证

  • 0浏览

    0关注

    717博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Echarts组件legend属性显示数据和icon图片自定义的解决方案

漏刻有时 发布时间:2020-03-02 11:00:36 ,浏览量:0

在这里插入图片描述 项目需求: 1、自定义icon图片样式; 2、相关数值直接显示;

解决方案:

自定义icon图片样式

 data: ['家电', '服装', '数码'],

转为:

 data: [{name:'家电',icon:'image://lockdatav1.png'},
  {name:'服装',icon:'image://lockdatav2.png'},
   {name:'数码',icon:'image://lockdatav3.png'},
  ],

相关数值直接显示

                formatter: function (name) {
                    var index = 0;
                    var labels = ['家电', '服装', '数码'];
                    var counts = [123,234,345];
                    labels.forEach(function (value, i) {
                        if (value == name) {
                            index = i;
                        }
                    });
                    return counts[index] + "万元\n" + name;
                },
关注
打赏
1661217259
查看更多评论
立即登录/注册

微信扫码登录

0.0868s