当前位置: 首页 > news >正文

echarts-简单温度热力图

如图所示:
在这里插入图片描述

option配置:

options: {tooltip: {position: "top",},animation: false,grid: {height: "50%",y: "10%",},xAxis: {type: "category",data: ["0", "1", "2"],},yAxis: {type: "category",data: ["0", "1"],},visualMap: {min: 0,max: 50,calculable: true,orient: "vertical",left: "90%",bottom: "40%",calculable: true,realtime: false,inRange: {color: ["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026",],},},series: [{name: "热温度:",type: "heatmap",data: [[0, 0, 10],[1, 0, 20],[2, 0, 30],[0, 1, 15],[1, 1, 25],[2, 1, 35],],label: {show: true,},},],},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 设计模式 3 单例模式
  • 力扣最热一百题——6.三数之和
  • vue part4
  • HashMap源码剖析
  • 什么原因会导致websocket断连
  • 科学做系统设计 监测解技术危机
  • freemarker模版注入
  • 锂电池规格 —— 参数解读
  • 【IAR】IAR中使用内联函数
  • Linux系统中的HTTP协议
  • 医疗信息化系统:HIS、LIS、EMR、PACS、RIS等系统概览
  • 盘点16款仓库管理系统,助力企业选型!
  • dubbo:dubbo+nacos整合springcloud gateway实现网关(三)
  • 应用商场的搭建
  • Git Submodule 常用命令详解
  • 【译】理解JavaScript:new 关键字
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • Angular数据绑定机制
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • IP路由与转发
  • laravel with 查询列表限制条数
  • Mysql数据库的条件查询语句
  • Octave 入门
  • PHP那些事儿
  • 百度地图API标注+时间轴组件
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 聊聊flink的BlobWriter
  • 码农张的Bug人生 - 初来乍到
  • 深入体验bash on windows,在windows上搭建原生的linux开发环境,酷!
  • 使用Swoole加速Laravel(正式环境中)
  • 携程小程序初体验
  • 做一名精致的JavaScripter 01:JavaScript简介
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • ​卜东波研究员:高观点下的少儿计算思维
  • # Panda3d 碰撞检测系统介绍
  • #HarmonyOS:Web组件的使用
  • #if和#ifdef区别
  • #php的pecl工具#
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • (2)Java 简介
  • (3)医疗图像处理:MRI磁共振成像-快速采集--(杨正汉)
  • (八)Flink Join 连接
  • (苍穹外卖)day03菜品管理
  • (第二周)效能测试
  • (多级缓存)多级缓存
  • (二)JAVA使用POI操作excel
  • (二)原生js案例之数码时钟计时
  • (二刷)代码随想录第16天|104.二叉树的最大深度 559.n叉树的最大深度● 111.二叉树的最小深度● 222.完全二叉树的节点个数
  • (附源码)springboot优课在线教学系统 毕业设计 081251
  • (已解决)报错:Could not load the Qt platform plugin “xcb“
  • (已解决)什么是vue导航守卫
  • (转)3D模板阴影原理
  • (转)关于pipe()的详细解析