let option = {
legend: {
show: true, // 是否显示图例
z: 9, // 层级
top: '10', // 距离容器侧边距离
right: '0', // 距离容器侧边距离
bottom: 'auto', // 距离容器侧边距离
left: 'auto', // 距离容器侧边距离
width: 'auto', // 图例组件的宽度。默认自适应
height: 'auto', // 图例组件的高度。默认自适应
orient: 'vertical', // 图例列表的布局朝向;horizontal/vertical
align: 'auto', // 图例标记和文本的对齐。默认自动
padding: 5, // 图例内边距
itemGap: 5, // 图例每项之间的间隔。
itemWidth: 10, // 图例标记的图形宽度
itemHeight: 10, // 图例标记的图形高度
inactiveColor: '#aaa', // 图例关闭时的颜色,
icon: 'circle', // 强制设置图形为圆
textStyle: {
// color: '#FFF', // 文字的颜色
// fontStyle: 'normal', // 字体的样式(normal/italic/oblique)
// fontWeight: 'normal', // 文字字体的粗细(normal/bold/lighter/数字)
// fontSize: '20', // 文字字体大小
// align: 'left', // 文字水平对齐方式,默认自动(left/center/right)
// verticalAlign: 'top', // 文字垂直对齐方式,默认自动(top/middle/bottom)
// lineHeight: '10', // 行高
// backgroundColor: '##e5dfcc' // 文字块背景色,
},
},
ECharts legend图例
最新推荐文章于 2023-10-27 11:27:43 发布