同时设置y轴的min和toolbox中的dataZoom
series中有一个数据没有在 y轴的范围内 会导致数据不连续的问题
请看我的分享链接
两秒后重新设置options
显示的效果完全不同
配置项如下
option = {
title: {
text: '未来一周气温变化',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['最高气温', '最低气温']
},
toolbox: {
show: true,
feature: {
"dataZoom": {
// yAxisIndex: 'none',
},
}
},
xAxis: {
type: 'time',
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} °C'
},
min: 0
},
"series": [{
"name": "国内生产总值_同比",
"type": "line",
"data": [
[
"2006-03-01T00:00:00",
0.16378391874086917
],
[
"2006-06-01T00:00:00",
0.17592441693028604
],
[
"2006-09-01T00:00:00",
0.16685259262650964
],
[
"2006-12-01T00:00:00",
0.1776369371103641
],
[
"2007-03-01T00:00:00",
0.2141171522699128
],
[
"2007-06-01T00:00:00",
0.2298754777088201
],
[
"2007-09-01T00:00:00",
0.23931992858251272
],
[
"2007-12-01T00:00:00",
0.23651872948809838
],
[
"2008-03-01T00:00:00",
0.21368876105900525
],
[
"2008-06-01T00:00:00",
0.21503328105511454
],
[
"2008-09-01T00:00:00",
0.1867819193720397
],
[
"2008-12-01T00:00:00",
0.12749191870272125
],
[
"2009-03-01T00:00:00",
0.06638836675623017
],
[
"2009-06-01T00:00:00",
0.06547938174454138
],
[
"2009-09-01T00:00:00",
0.08958029398460599
],
[
"2009-12-01T00:00:00",
0.13671856503455504
],
[
"2010-03-01T00:00:00",
0.18278245777191415
],
[
"2010-06-01T00:00:00",
0.18459968187270603
],
[
"2010-09-01T00:00:00",
0.17938070206095036
],
[
"2010-12-01T00:00:00",
0.18329633883390972
],
[
"2011-03-01T00:00:00",
0.19392397598664246
],
[
"2011-06-01T00:00:00",
0.19676911524609597
],
[
"2011-09-01T00:00:00",
0.19439204180299474
],
[
"2011-12-01T00:00:00",
0.15678318419402748
],
[
"2012-03-01T00:00:00",
0.12336280593740412
],
[
"2012-06-01T00:00:00",
0.10450065982090218
],
[
"2012-09-01T00:00:00",
0.09108090725350859
],
[
"2012-12-01T00:00:00",
0.09999050807863963
],
[
"2013-03-01T00:00:00",
0.10303550856527388
],
[
"2013-06-01T00:00:00",
0.09288793989671085
],
[
"2013-09-01T00:00:00",
0.10234731652492313
],
[
"2013-12-01T00:00:00",
0.10513200537506906
],
[
"2014-03-01T00:00:00",
0.0873714557634786
],
[
"2014-06-01T00:00:00",
0.0903777695868202
],
[
"2014-09-01T00:00:00",
0.08712235428750126
],
[
"2014-12-01T00:00:00",
0.07782333555658472
],
[
"2015-03-01T00:00:00",
0.07372914710023748
],
[
"2015-06-01T00:00:00",
0.07706646320266675
],
[
"2015-09-01T00:00:00",
0.06715424447093898
],
[
"2015-12-01T00:00:00",
0.06494537101093911
],
[
"2016-03-01T00:00:00",
0.07458155763709828
],
[
"2016-06-01T00:00:00",
0.07628907082006076
],
[
"2016-09-01T00:00:00",
0.08161431321019474
],
[
"2016-12-01T00:00:00",
0.0986291425221304
],
[
"2017-03-01T00:00:00",
0.11980604642571269
],
[
"2017-06-01T00:00:00",
0.113236887858432
],
[
"2017-09-01T00:00:00",
0.1140182796138014
],
[
"2017-12-01T00:00:00",
0.11278975564149651
],
[
"2018-03-01T00:00:00",
0.1108937980740945
],
[
"2018-06-01T00:00:00",
0.1089966194652845
],
[
"2018-09-01T00:00:00",
0.10190831963825242
],
[
"2018-12-01T00:00:00",
0.09930904770743765
],
[
"2019-03-01T00:00:00",
0.07932805934792708
],
[
"2019-06-01T00:00:00",
0.08310152338207066
],
[
"2019-09-01T00:00:00",
0.0756347284115999
],
[
"2019-12-01T00:00:00",
0.07422774100890672
],
[
"2020-03-01T00:00:00",
-0.05300537276417616
],
[
"2020-06-01T00:00:00",
0.03106807083040275
],
[
"2020-09-01T00:00:00",
0.055364069518617054
]
],
}],
};
setTimeout(function() {
const obj = echarts.getInstanceByDom(document.getElementById("chart-panel"))
const option = obj.getOption()
option.toolbox = {
feature: {
dataZoom: {
yAxisIndex: 'none',
}
}
}
obj.setOption(option, true)
}, 2000);