根据echarts的二维数组转换为markArea的data
时间:2019-10-18
本文章向大家介绍根据echarts的二维数组转换为markArea的data,主要包括根据echarts的二维数组转换为markArea的data使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
var originData=[[61.2, 51.6, 74, '北京分', '于建平区'], [67.5, 59, 75.3, '广州分', '于建平区'], [59.5, 49.2, 9305, '浙江分', '于建平区'], [57, 63, 8605, '石家庄分', '于建平区'], [55.8, 53.6, 87.2, '黑龙江分', '于建平区'], [70, 59, 8105, '河南分', '于建平区'], [59.1, 47.6, 84, '福建分', '于建平区'], [66, 69.8, 8405, '陕西分', '于建平区'], [76.2, 66.8, 75, '内蒙古分', '于建平区'], [76.2, null, 75, '内蒙古分001', '于建平区'], [null, 66.8, 75, '内蒙古分002', '于建平区'], [76.2, 66.8, null, '内蒙古分003', '于建平区'], [76.2, null, 75, '内蒙古分004', '于建平区'], [61.2, 51.6, 74, '北京分', '白宇飞区'], [67.5, 59, 75.3, '广州分', '白宇飞区'], [59.5, 49.2, 9305, '浙江分', '白宇飞区'], [57, 63, 8605, '石家庄分', '白宇飞区'], [55.8, 53.6, 87.2, '黑龙江分', '白宇飞区'], [70, 59, 8105, '河南分', '白宇飞区'], [59.1, 47.6, 84, '福建分', '白宇飞区'], [66, 69.8, 8405, '陕西分', '白宇飞区'], [76.2, 66.8, 75, '内蒙古分', '白宇飞区'], [76.2, null, 75, '内蒙古分001', '白宇飞区'], [null, 66.8, 75, '内蒙古分002', '白宇飞区'], [76.2, 66.8, null, '内蒙古分003', '白宇飞区'], [76.2, null, 75, '内蒙古分004', '白宇飞区'], [61.2, 51.6, 74, '北京分', '霍尔峰区'], [67.5, 59, 75.3, '广州分', '霍尔峰区'], [59.5, 49.2, 9305, '浙江分', '霍尔峰区'], [57, 63, 8605, '石家庄分', '霍尔峰区'], [55.8, 53.6, 87.2, '黑龙江分', '霍尔峰区'], [70, 59, 8105, '河南分', '霍尔峰区'], [59.1, 47.6, 84, '福建分', '霍尔峰区'], [66, 69.8, 8405, '陕西分', '霍尔峰区'], [76.2, 66.8, 75, '内蒙古分', '霍尔峰区'], [76.2, null, 75, '内蒙古分001', '霍尔峰区'], [null, 66.8, 75, '内蒙古分002', '霍尔峰区'], [76.2, 66.8, null, '内蒙古分003', '霍尔峰区'], [76.2, null, 75, '内蒙古分004', '霍尔峰区'], [61.2, 51.6, 74, '北京分', '周永顺区'], [67.5, 59, 75.3, '广州分', '周永顺区'], [59.5, 49.2, 9305, '浙江分', '周永顺区'], [57, 63, 8605, '石家庄分', '周永顺区'], [55.8, 53.6, 87.2, '黑龙江分', '周永顺区'], [70, 59, 8105, '河南分', '周永顺区'], [59.1, 47.6, 84, '福建分', '周永顺区'], [66, 69.8, 8405, '陕西分', '周永顺区'], [76.2, 66.8, 75, '内蒙古分', '周永顺区'], [76.2, null, 75, '内蒙古分001', '周永顺区'], [null, 66.8, 75, '内蒙古分002', '周永顺区'], [76.2, 66.8, null, '内蒙古分003', '周永顺区'], [76.2, null, 75, '内蒙古分004', '周永顺区'], [61.2, 51.6, 74, '北京分', '白善霖区'], [67.5, 59, 75.3, '广州分', '白善霖区'], [59.5, 49.2, 9305, '浙江分', '白善霖区'], [57, 63, 8605, '石家庄分', '白善霖区'], [55.8, 53.6, 87.2, '黑龙江分', '白善霖区'], [70, 59, 8105, '河南分', '白善霖区'], [59.1, 47.6, 84, '福建分', '白善霖区'], [66, 69.8, 8405, '陕西分', '白善霖区'], [76.2, 66.8, 75, '内蒙古分', '白善霖区'], [76.2, null, 75, '内蒙古分001', '白善霖区'], [null, 66.8, 75, '内蒙古分002', '白善霖区'], [76.2, 66.8, null, '内蒙古分003', '白善霖区'], [76.2, null, 75, '内蒙古分004', '白善霖区']];
目标markAreaData为:
var markAreaData=[{ "name": "测试markArea001", "itemStyle": { "color": "rgba(255, 0, 0, 0.05)" }, "label":{ "show": true, "position": "insideBottom", // markArea中文字(name)位置 "offset": [0, -40], // markArea中文字(name)显示在位置基础上x、y轴偏移 "color": "#ff0000" // markArea中文字(name)颜色 } }, { "xAxis": "2019-04-19 09" }], [{ "name": "测试markArea002", "xAxis": "2019-04-19 09", "itemStyle": { "color": "rgba(51, 153, 255, 0.05)" } }, {}];
原文地址:https://www.cnblogs.com/qtx-/p/11698662.html
- 零基础学编程042:画函数图像
- C-SATS工程副总裁教你如何用TensorFlow分类图像 part2
- C++11 Lambda表达汇总总结
- TensorFlow开发环境搭建(Ubuntu16.04+GPU+TensorFlow源码编译)
- C++虚析构函数解析
- C-SATS工程副总裁教你如何用TensorFlow分类图像 part1
- 帝国cms文章页调用当前文章URL如何操作?
- dedecms文章页调用地址(当前文章URL)如何操作?
- 饭团开通一周,3人学会了比特币操作
- Sample K算法
- C#读取“我的文档”等特殊系统路径及环境变量
- winform CheckedListBox实现全选/全不选
- 机器学习该如何入门
- dedecms建的网站如何去掉/index.html
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Centos7下误删python2和yum的解决办法
- Java正则表达式匹配日期及基本使用
- VM虚拟机中linux centOS 联网单网卡配置教程
- Python操作redis数据库
- pytest 测试框架学习(1):初识
- 爬虫工程师也应该会的 NodeJS 知识(三)- 快速抛弃 execjs
- 八皇后问题Python实现
- 进击吧!Pythonista(6/100)
- 进击吧!Pythonista(9/100)
- 数据结构基础(一)数组,矩阵
- pytest 测试框架学习(3):pytest.approx
- pytest 测试框架学习(4):pytest.fail
- SpringBoot 开发秘籍 - 启动时配置校验
- pytest 测试框架学习(5):pytest.skip
- pytest 测试框架学习(6):pytest.importorskip