javascript - echarts中饼形图的legend的问题
PHP中文网
PHP中文网 2017-04-11 12:37:29
[JavaScript讨论组]

如下图所示,legend的右边都有对应的数字,而legend的name和value都是后台动态生成的且以数组的形式发送过来,若是固定的name我是实现了,但是动态的我却怎么也显示不了legend右边的数字,以下是我的demo代码,我要实现的效果就是下图中legend的样式:name和value始终对应。请大神指点!

显示的效果:

代码:
后台传过来的data :
{"dataTwo":["首页","提现页"],
"dataThree":[128,85],
}

option函数:
function userplace(data) {

    return {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} 
{b} : {c} ({d}%)" }, legend: { orient: 'vertical', right: '7%', bottom: '13%', data: data.dataTwo, formatter: function () { var array = []; var len = data.dataTwo.length; for (var i = 0; i < len; i++) { var map = {}; map.name = data.dataTwo[i]; map.value = data.dataThree[i]; array[i] = map.name+" "+map.value+"个"; } console.log(array,1789) return array; } }, grid: { top: '1%', left: '10%', right: '10%', bottom: '20%', containLabel: true }, series: [ { name: '访问来源', type: 'pie', radius: '85%', center: ['35%', '50%'], data: (function () { var array = []; var len = data.dataTwo.length; console.log(len, 122) for (var i = 0; i < len; i++) { var map = {}; map.name = data.dataTwo[i]; map.value = data.dataThree[i]; array[i] = map; } return array; }() ), itemStyle: { normal: { label: { position: 'inner', formatter: function (params) { return (params.percent - 0).toFixed(0) + '%' } }, labelLine: { show: false } } } } ] } }
PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
巴扎黑
formatter: function(name) {
                var index = 0;
                data.dataTwo.forEach(function(value,i){
                    if(value == name){
                        index = i;
                    }
                });
                return name + "    " + data.dataThree[index] + "个";
            }
天蓬老师

你现在不是已经在formatter里处理好了吗? 只要他的dataTwo与dataThree的数据下标相对应就可以了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号