echarts使用不显示图例legend

您所在的位置:网站首页 echarts的legend属性 echarts使用不显示图例legend

echarts使用不显示图例legend

2023-06-23 23:49| 来源: 网络整理| 查看: 265

Title

// var arr = [{value:500,name:1},{value:100,name:2},{value:1500,name:3},{value:500,name:4},{value:2000,name:5}]; //模拟后台传入数据 name的数据类型为 string var arr = [{value:500,name:"1"},{value:100,name:"2"},{value:1500,name:"3"},{value:500,name:"4"},{value:2000,name:"5"}]; var option = { title : { text: '薪水支出信息统计', subtext: '报销统计', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} {b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', data: ['1','2','3','4','5']//此时 data中元素的数据类型为 string }, series : [ { name: '访问来源', type: 'pie', radius : '55%', center: ['50%', '60%'], data:arr, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }; //初始化echarts实例 var myChart = echarts.init($('#chartmain')[0]);

//使用制定的配置项和数据显示图表 myChart.setOption(option);



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3