4-Vue中echarts图的legend
Vue小白问题4——echarts图的 legend
·
关于 echarts 图的 legend ,个人的理解就是对图例的位置属性进行设置
legend: {
x: 'center', //水平方向的位置'left','center','right'
width:10, //组件的宽和高
height:10,
orient:'horizontal', //组件与文字的排列方式,默认横向,纵向为'vertical'
itemGap: 12, //每个图例之间的间隔
textStyle: { //图例文字属性设置
color: '#ffffff',
fontFamily: 'Microsoft YaHei',
fontSize: '16'
},
tooltip: { //在legend里的tooltip,在鼠标滑到图例上时,展示自定义的内容
show: false
},
data: ['百度', '腾讯', '阿里'] //图例文字内容
}
只是简单的理解,若有错误还望谅解指正!
更多推荐
已为社区贡献3条内容
所有评论(0)