option = {
legend: {
show: true, // 是否显示图例,默认为 true
type: 'plain', // 图例的显示类型,可选值为 'plain'(普通图例)或 'scroll'(可滚动图例)
orient: 'horizontal', // 图例的布局朝向,可选值为 'horizontal'(水平布局)或 'vertical'(垂直布局)
left: 'center', // 图例组件的左侧位置,可为像素值或百分比
top: 'top', // 图例组件的上侧位置,可为像素值或百分比
textStyle: {
color: 'darkblue', // 图例文本的颜色
fontSize: 14 // 图例文本的字体大小
},
data: ['系列1', '系列2', '系列3'] // 图例的数据项
},
// 其他配置项...
};
上述配置项中的一些关键属性包括:
- show: 是否显示图例,默认为 true。
- type: 图例的显示类型,可选值为 'plain'(普通图例)或 'scroll'(可滚动图例)。
- orient: 图例的布局朝向,可选值为 'horizontal'(水平布局)或 'vertical'(垂直布局)。
- left/top: 图例组件的左侧和上侧位置,可以是像素值或百分比。
- textStyle: 图例文本的样式设置,包括颜色和字体大小。
- data: 图例的数据项,通常与系列中的 name 属性对应。
这些配置项可以根据实际需求进行调整,以满足图表设计的要求。请注意,图例组件的配置一般位于 option 对象中的 legend 属性下。
转载请注明出处:http://www.zyzy.cn/article/detail/5116/ECharts