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

@漏刻有时

相关推荐
小小黑0074 分钟前
快手小程序-实现插屏广告的功能
前端·javascript·小程序
@万里挑一33 分钟前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js
黑臂麒麟37 分钟前
Electron for OpenHarmony 跨平台实战开发:Electron 文件系统操作实战
前端·javascript·electron·openharmony
1024肥宅44 分钟前
工程化工具类:模块化系统全解析与实践
前端·javascript·面试
weixin_422555421 小时前
ezuikit-js官网使用示例
前端·javascript·vue·ezuikit-js
Access开发易登软件1 小时前
Access开发实战:绘制漏斗图实现业务转化分析
数据库·信息可视化·html·vba·图表·access
running up1 小时前
Java集合框架之ArrayList与LinkedList详解
javascript·ubuntu·typescript
xiaoxue..2 小时前
React 之 Hooks
前端·javascript·react.js·面试·前端框架
Alair‎2 小时前
300TypeScript基础知识
javascript
莫物2 小时前
element el-table表格 添加唯一标识
前端·javascript·vue.js