首页 新闻 搜索 专区 学院

echarts 图表问题

0
悬赏园豆:60 [待解决问题]
  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水位连成一条线?

青春12的主页 青春12 | 初学一级 | 园豆:68
提问于:2016-06-12 17:02
< >
分享
所有回答(2)
0

实际上Y轴是固定的所以你懂得。 X轴当数据轴,所以你明白了么。

你把你现在逆时针反转90度。

长蘑菇星人 | 园豆:1832 (小虾三级) | 2016-06-12 17:36

不懂

支持(0) 反对(0) 青春12 | 园豆:68 (初学一级) | 2016-06-12 17:48

@青春12: 好吧,我看错了。X轴可以设置成时间轴。

支持(0) 反对(0) 长蘑菇星人 | 园豆:1832 (小虾三级) | 2016-06-12 17:58

@长蘑菇星人: X轴就是时间轴啊

支持(0) 反对(0) 青春12 | 园豆:68 (初学一级) | 2016-06-12 18:02

@青春12: 它的类型可以是时间轴

支持(0) 反对(0) 长蘑菇星人 | 园豆:1832 (小虾三级) | 2016-06-12 18:05
1

xAxis: {
type: 'time', //设成这个估计实现起来就方便了,你试试

 

 

刘宏玺 | 园豆:14004 (专家六级) | 2016-06-12 21:53
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册