1 option = { 2 title: { 3 text: content, 4 x: 'center' 5 }, 6 tooltip: { 7 trigger: 'axis' 8 }, 9 legend: { 10 data: ['A水位(m)', 'B水位(m)','C水位(m)','D(m)'], 11 x: 'right' 12 }, 13 calculable: false, 14 grid: { 15 x: 50, 16 y: 30, 17 x2: 30, 18 y2: 30 19 }, 20 xAxis: [ 21 { 22 type: 'category', 23 boundaryGap: false, 24 axisLabel: { 25 interval: 23 26 }, 27 data: tm_array 28 } 29 ], 30 yAxis: [ 31 { 32 type: 'value', 33 max: maxv, 34 axisLabel: { 35 formatter: '{value} m' 36 } 37 } 38 ], 39 series: [ 40 { 41 name: 'A(m)', 42 type: 'line', 43 itemStyle: { 44 normal: { 45 color: '#6CD7D9' 46 } 47 }, 48 data: out_array, 49 smooth:true, 50 markLine: { 51 itemStyle: { 52 normal: { 53 lineStyle: { 54 color: 'red' 55 } 56 } 57 }, 58 data: [ 59 [ 60 { name: '警戒值', value: JJSW, xAxis: startTM, yAxis: JJSW }, 61 { name: '警戒值', xAxis: endTM, yAxis: JJSW } 62 ], 63 [ 64 { name: '历史最高', value: ZGSW, xAxis: startTM, yAxis: ZGSW }, 65 { name: '历史最高', xAxis: endTM, yAxis: ZGSW } 66 ]] 67 } 68 }, 69 { 70 name: 'B水位(m)', 71 type: 'line', 72 smooth: true, 73 itemStyle: { 74 normal: { 75 color: '#5AB1EF' 76 } 77 }, 78 data: in_array 79 }, { 80 name: 'C水位(m)', 81 type: 'line', 82 symbol: 'circle', 83 symbolSize: 15, 84 itemStyle: { 85 normal: { 86 color: '#0000FF' 87 } 88 }, 89 data: yc_array, 90 } 91 , { 92 name: 'D(m)', 93 type: 'line', 94 smooth: true, 95 itemStyle: { 96 normal: { 97 color: '#71CD19' 98 } 99 }, 100 data: tw_array 101 } 102 ] 103 }; 104 myChart_Bar.setOption(option);
上面是echarts的构建的JS,我的X轴为时间轴,为一天的时间,5分钟一个间隔时间,A和B水位的数据都是5分钟一个,C水位一天四个,不固定时间,D水位一个小时一个;由于数据太多,所以X轴就23个显示一个,导致我的C水位和D水位里面的点不能全部显示,隐藏了;因为D水位为1个小时一个数据比较规律,可不可以将D水位连成一条线?
实际上Y轴是固定的所以你懂得。 X轴当数据轴,所以你明白了么。
你把你现在逆时针反转90度。
不懂
@青春12: 好吧,我看错了。X轴可以设置成时间轴。
@长蘑菇星人: X轴就是时间轴啊
@青春12: 它的类型可以是时间轴
xAxis: {
type: 'time', //设成这个估计实现起来就方便了,你试试