option = {
// 其他配置项...
legend: {
left: 'center', // 图例组件在容器中的水平位置,可以是像素值或百分比,也可以是 'left', 'center', 'right'
top: 'bottom', // 图例组件在容器中的垂直位置,可以是像素值或百分比,也可以是 'top', 'middle', 'bottom'
width: 300, // 图例组件的宽度
height: 50, // 图例组件的高度
// 其他图例相关配置项...
},
series: [
{
name: '系列1',
type: 'bar',
data: [1, 2, 3, 4, 5],
// 其他系列配置项...
},
// 其他系列配置项...
],
};
在上面的例子中,legend 对象中的 left 和 top 分别设置了图例组件在容器中的水平和垂直位置,可以根据需要调整为具体的像素值、百分比,或者使用预定义的位置值。width 和 height 则用于设置图例组件的宽度和高度。
通过调整这些属性,你可以灵活地控制图例组件的位置和大小,以适应不同的图表布局和设计需求。
转载请注明出处:http://www.zyzy.cn/article/detail/5119/ECharts