图例在右侧时,图例点在文字右边"/>
echarts图例在右侧时,图例点在文字右边
现状:
想要达到的效果:
主要使用的参数:
legend.align = ’left‘
代码:
可直接放到echarts示例中使用
option = {title: {text: '某站点用户访问来源',subtext: '纯属虚构',left: 'center'},tooltip: {trigger: 'item'},legend: {orient: 'vertical',left: 'right',top: 'center',align: 'left'},series: [{name: '访问来源',type: 'pie',radius: '50%',data: [{value: 1048, name: '搜索引擎'},{value: 735, name: '直接访问'},{value: 580, name: '邮件营销'},{value: 484, name: '联盟广告'},{value: 300, name: '视频广告'}],emphasis: {itemStyle: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}}]
};
更多推荐
echarts图例在右侧时,图例点在文字右边
发布评论