echarts- 通过数据的大小展示不同的颜色

通过数据判断颜色.png



                itemStyle:{
                    normal:{
                      ///  通过params.value拿到对应的data里面的数据
                      color:function(params){
                        if(params.value >0 && params.value <99){
                          return "#003366";
                        }else if(params.value >=199 && params.value<=299 ){
                          return "#26C0C0";
                        }
                        return "#9BCA63";
                      }
                    }
                  },
  • 可以实现根据不同的数据量来展示不同的颜色:比如:空气污染轻----绿色,空气污染重---红色,
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、什么是回调 程序里面的任务可以根据执行顺序不同分为同步任务和异步任务两种。 同步任务是指那些没有被引擎挂起的,...
    Zoey_h阅读 1,595评论 0 1
  • 大地披紫衣,孤树等晨光。 仙女何处去,请君待重阳。
    无羡爱诗诗阅读 147评论 1 3
  • 西藏自治区拉萨 布达拉宫 拜布达拉 宫落普陀洞天开,灵光云影送佛来, 华雕彩饰幢满路,千殿鎏金菩...
    流年_逝水阅读 166评论 0 1
  • 1.保持内心的平静,从容,享受每一天的遇见。 2.我们原本是富足的,不要被恐惧和担心毁掉美好的生活,我们是宇宙完美...
    素锦_b3dd阅读 152评论 0 0