echarts组件位置的问题
如图，我创建了一个echarts，其中包含了legend、dataZoom，我希望它们的位置都中下。首先我通过gird-bottom15%见图表上提，留够空间。
我希望dataZoom随图表提到图表底部（紧挨）。
legend则留在最低部。
查了一遍文档，没有找到方法，请大佬指教，感谢。
以下是我写的测试Demo，大佬可以复制到官方Demo页面中测试。
网址是：https://echarts.apache.org/examples/zh/editor.html?c=line-stack
我的Demo代码：
option = {
title: {
text: 'Stacked Line'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine'],
top: 'bottom',
left: 'center'
},
dataZoom: [
{ startValue: 'Thu'},
{ type: 'inside' },
],
grid: {
left: '3%',
right: '4%',
bottom: '15%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
name: 'Email',
type: 'line',
stack: 'Total',
data:
},
{
name: 'Union Ads',
type: 'line',
stack: 'Total',
data:
},
{
name: 'Video Ads',
type: 'line',
stack: 'Total',
data:
},
{
name: 'Direct',
type: 'line',
stack: 'Total',
data:
},
{
name: 'Search Engine',
type: 'line',
stack: 'Total',
data:
}
]
}; dataZoom: [
{ startValue: 'Thu', bottom:'x%'},
{ type: 'inside' },
],
页:
[1]