漏刻有时数据可视化Echarts组件开发(46)散点图颜色判断

series组件

javascript 复制代码
series: [
        {
      name: 'Top 5',
      type: 'scatter',
      coordinateSystem: 'bmap',
      data: convertData(
        data
          .sort(function (a, b) {
            return b.value - a.value;
          })
          .slice(0, 6)
      ),
      symbolSize: 20,
      encode: {
        value: 2
      },
      showEffectOn: 'render',
      rippleEffect: {
        brushType: 'stroke'
      },
      label: {
        formatter: '{b}',
        position: 'right',
        show: true
      },
      itemStyle: {
        color:function(d){
          var a= d.data.value[2];
          console.log(d.data.value[2]);
          if(a % 2 == 0){
            return 'red';
          }else{
            return 'green';
          }
        },
        shadowBlur: 10,
        shadowColor: '#333'
      },
      emphasis: {
        scale: true
      },
      zlevel: 1
    }
  ]

核心代码

javascript 复制代码
itemStyle: {
        color:function(d){
          var a= d.data.value[2];
          console.log(d.data.value[2]);
          if(a % 2 == 0){
            return 'red';
          }else{
            return 'green';
          }
        },

@漏刻有时

相关推荐
獨枭3 小时前
使用 Spring Boot 快速构建企业微信 JS-SDK 权限签名后端服务
javascript·spring boot·企业微信
丰锋ff4 小时前
借助 AI 工具使用 Python 实现北京市店铺分布地理信息可视化教程
人工智能·python·信息可视化
前端.火鸡4 小时前
认识vue中的install和使用场景
前端·javascript·vue.js
hhw1991125 小时前
vue总结
前端·javascript·vue.js
冴羽6 小时前
SvelteKit 最新中文文档教程(19)—— 最佳实践之身份认证
前端·javascript·svelte
拉不动的猪6 小时前
ES2024 新增的数组方法groupBy
前端·javascript·面试
tryCbest7 小时前
Vue2-实现elementUI的select全选功能
前端·javascript·elementui
uhakadotcom8 小时前
Google Play SDK 接入指南:一步步轻松集成
javascript·面试·github
Gazer_S9 小时前
【lodash的omit函数详解 - 从入门到精通】
javascript·状态模式
DarkLONGLOVE9 小时前
解锁 JavaScript 技能:全面掌握自定义属性的奥秘
前端·javascript