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

@漏刻有时

相关推荐
高级程序源6 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
lizz22767 小时前
Babel插件手册
javascript
VXbishe9 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝10 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡10 小时前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
wcy031011 小时前
POST为什么会发送两次请求
javascript·ajax
志尊宝12 小时前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
躺柒14 小时前
读数据可视化37开发工具
信息可视化·数据挖掘·数据分析·可视化·数据可视化·web应用·应用程序
朝屯暮蒙vi16 小时前
随记:h5+中uploader不能添加参数数据,要通过task
javascript
泯泷1 天前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法