echarts两种背景色(隔行不同)

效果图重点属性X轴为时间轴,type类型为timemarkArea用来区分后面背景颜色(markArea写在serize里面,想要几个色块,serize下面就有几个对象)图片中的正常异常文字是markArea的label当有一个轴为时间轴的时候,数据要按时间排序,否则存在潜在问题(折线图会有问题)如果使用时间轴,尽量设置时间轴的最大时间和最小时间,该表max和min为时间戳代码(放在官方示例就可以运行的)官方示例页面链接:点击我使用方法:删除原来所有代码,将下面代码CV操作即可le
摘要由CSDN通过智能技术生成

效果图

echarts效果图

重点属性

  1. X轴为时间轴,type类型为time
  2. markArea用来区分后面背景颜色(markArea写在serize里面,想要几个色块,serize下面就有几个对象)
  3. 图片中的正常异常文字是markArealabel
  4. 当有一个轴为时间轴的时候,数据要按时间排序,否则存在潜在问题(折线图会有问题
  5. 如果使用时间轴,尽量设置时间轴的最大时间最小时间,该表max和min为时间戳
  6. Y轴等分存在问题,看到下面这个博客解决问题点击我直达
  7. 等分问题:该表中2等分,使用的数值为60

代码(放在官方示例就可以运行的)

官方示例页面链接:点击我
使用方法:删除原来所有代码,将下面代码CV操作即可

let data = [
            {
   xxt:'2020-08-03 6:38:08', value:['2020-08-04 1:10:08', '40']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 2:03:09', '20']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 3:56:10', '39']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 4:08:11', '50']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 5:38:12', '37']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 6:38:13', '42']},
            {
   xxt:'2020-08/03 6:38:08', value:['2020/08/04 7:38:14', '46']},
            {
   xxt:'2020/08/03 6:38:08', value:['2020/08/05 8:38:15', '32']},
            {
   xxt:'2020/08/03 6:38:08', value:['2020/08/05 10:38:17', '23']},
            {
   xxt:'2020/08/03 6:38:08', value:['2020/08/05 11:17:16', '26']},
            
        ];
let timestamp = (new Date()).getTime
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值