漏刻有时数据可视化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';
          }
        },

@漏刻有时

相关推荐
Cobyte27 分钟前
23.Vue Vapor 组件 attrs 的实现
前端·javascript·vue.js
触底反弹1 小时前
🚀 Node.js path 和 fs 模块,从回调地狱到 async/await 的进化之路!
javascript·后端·node.js
一键生成网站1 小时前
政务国企数据可视化大屏AI工具对比与信创安全选型指南
人工智能·信息可视化·政务·
绝世唐门三哥2 小时前
vue3中页面返回时刷新首页的处理方案
开发语言·前端·javascript
sugar__salt2 小时前
Node.js path 与 fs 核心模块完全指南 —— 从路径处理到异步流程控制
javascript·node.js
张元清3 小时前
React useObjectUrl Hook:预览文件与 Blob,不留内存泄漏(2026)
javascript·react.js
姑苏倾城客3 小时前
Flutter中,html 与 dart 桥接沟通
javascript·flutter·html
小粉粉hhh4 小时前
Node.js(五)——编写接口
前端·javascript·node.js
大意的百合5 小时前
Electron 应用如何上架微软商店:从 MSIX 打包到商店提交
javascript·microsoft·electron
weedsfly5 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试