200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 修改ECharts显示的图例legend的形式

修改ECharts显示的图例legend的形式

时间:2018-12-30 21:24:51

相关推荐

修改ECharts显示的图例legend的形式

使用ECharts的实例进行举例:

app.title = '环形图';option = {tooltip: {trigger: 'item',formatter: "{a} <br/>{b}: {c} ({d}%)"},legend: {orient: 'vertical',x: 'left',icon:'roundRect',data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']},series: [{name:'访问来源',type:'pie',radius: ['50%', '70%'],avoidLabelOverlap: false,label: {normal: {show: false,position: 'center'},emphasis: {show: true,textStyle: {fontSize: '30',fontWeight: 'bold'}}},labelLine: {normal: {show: false}},data:[{value:335, name:'直接访问'},{value:310, name:'邮件营销'},{value:234, name:'联盟广告'},{value:135, name:'视频广告'},{value:1548, name:'搜索引擎'}]}]};

修改下图中的icon参数,显示不同的风格样式。

ECharts 提供的标记类型包括 ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, 'none’

circle:圆形

rect:矩形

roundRect:圆角矩形

triangle:三角形

diamond:菱形

arrow:箭头形

none:没有

可以通过点击图例形状或者文字,让该图例所代表的的部分,显现或者隐藏。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。