echart改变legend样式及分页
Posted benmumu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart改变legend样式及分页相关的知识,希望对你有一定的参考价值。
legend: {
type: ‘scroll‘,
orient: ‘horizontal‘,
bottom:0,
left:‘center‘,
itemGap: 0,
itemWidth: 10,
itemHeight: 10,
textStyle:{
color: ‘#11f7f7‘
},
pageIconColor: ‘#6495ed‘, //翻页下一页的三角按钮颜色
pageIconInactiveColor: ‘#aaa‘, //翻页(即翻页到头时)
pageIconSize: 11, //翻页按钮大小
pageFormatter: ‘‘,//隐藏翻页的数字
pageButtonItemGap: -6,//翻页按钮的两个之间的间距
formatter: function (name) {
return echarts.format.truncateText(name, 6, ‘14px Microsoft Yahei‘, ‘…‘);
},//隐藏legend文字的不显示
tooltip: {
show: true
},//隐藏legend文字的不显示,开启true
padding: [5, 0],
data: [‘A区域‘,‘B区域‘,‘C区域‘,‘D区域‘]
},
以上是关于echart改变legend样式及分页的主要内容,如果未能解决你的问题,请参考以下文章
echarts中 legend 自定义方法和单独定义每个图例的样式和宽高