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

@漏刻有时

相关推荐
peak_chan几秒前
通过vue-virtual-scroller封装虚拟滚动el-select
前端·javascript·vue.js
小李子呢02119 分钟前
前端八股Vue(7)---computed计算属性和watch侦听器
前端·javascript·vue.js
吴声子夜歌19 分钟前
ES6——对象的扩展详解
开发语言·javascript·es6
gwjcloud1 小时前
基于linux下docker部署前端vue项目
前端·javascript·vue.js
小李子呢02112 小时前
前端八股Vue(6)---v-if和v-for
前端·javascript·vue.js
程序员buddha2 小时前
ES6 迭代器与生成器
前端·javascript·es6
aq55356002 小时前
网页开发四剑客:HTML/CSS/JS/PHP全解析
javascript·css·html
程序员buddha2 小时前
TypeScript详细教程
javascript·ubuntu·typescript
GIS数据转换器3 小时前
延凡低成本低空无人机AI巡检方案
大数据·人工智能·信息可视化·数据挖掘·无人机
weixin_443478513 小时前
Flutter组件学习之图表
学习·flutter·信息可视化