横坐标时间轴滑动"/>
Echart横坐标时间轴滑动
主要针对于dataZoom的使用,代码如下:
option = {title: {text: '未来一周气温变化',subtext: '纯属虚构'},tooltip: {trigger: 'axis'},legend: {data:['最高气温','最低气温']},toolbox: {show: true,feature: {dataZoom: {yAxisIndex: 'none'},dataView: {readOnly: false},magicType: {type: ['line', 'bar']},restore: {},saveAsImage: {}}},xAxis: {type: 'category',boundaryGap: false,data: ['周一','周二','周三','周四','周五','周六','周日']},yAxis: {type: 'value',axisLabel: {formatter: '{value} °C'}},"dataZoom": [{"show": true, "height": 20, "xAxisIndex": [0], bottom:40,"start": 0, "end": 80}, {"type": "inside", "show": true, "height": 15, "xAxisIndex": [0], "start": 1, "end": 35}],series: [{name:'最高气温',type:'line',data:[11, 11, 15, 13, 12, 13, 10],markPoint: {data: [{type: 'max', name: '最大值'},{type: 'min', name: '最小值'}]},markLine: {data: [{type: 'average', name: '平均值'}]}},{name:'最低气温',type:'line',data:[1, -2, 2, 5, 3, 2, 0],markPoint: {data: [{name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}]},markLine: {data: [{type: 'average', name: '平均值'},[{symbol: 'none',x: '90%',yAxis: 'max'}, {symbol: 'circle',label: {normal: {position: 'start',formatter: '最大值'}},type: 'max',name: '最高点'}]]}}] };
转载于:.html
更多推荐
Echart横坐标时间轴滑动
发布评论