echarts的最外层配置项
每次查echarts的官网上边的配置项不知道分别代表什么,必须点开才知道,所以在这做下Echarts配置项的简单记录
最外层的配置项:
- title:进行标题与副标题的显示隐藏,位置,字体颜色,字体大小,边框,背景颜色,阴影的设置
- legend:图例的控制:显示隐藏、位置、宽高、类型、布局朝向、内容的对齐方式、每项的间隔、标记宽高、格式化图例文本、图例选择模式、字体样式
- grid:坐标系的控制:坐标系的显示隐藏、最多可以放置两个x轴和y轴,坐标系的宽高、位置、边框、背景颜色、阴影、tooltip提示框
- xAxis:x轴的配置,一般最多放置两个,多个的话设置offset防止重叠,x轴的类型(值,分类,时间,对数)x轴名称,名称位置,名称的文字样式,名称与轴线的距离,是否反向,坐标轴两边留白,刻度的最小值,刻度最大值,是否显示零刻度,坐标轴分隔段数,坐标轴最大最小间隔大小,对数轴的底数,轴线的设置,轴刻度的设置,刻度标签的设置,刻度上的数据,
- yAxis:Y轴的控制,控制内容与X轴一样
- polar:极坐标系的控制,极坐标的中心位置、半径、提示框组件
- radiusAxis极坐标系的径向轴:坐标轴类型、名称、名称显示位置、名称的样式、名称与轴线的距离、旋转角度、留白、刻度最大最小值、其他与直角坐标系的设置相同
- angleAxis:极坐标系的角度轴,与其他坐标系的轴设置相似
- radar:雷达坐标系组件,与其他坐标系的轴设置相似
- 用于控制区域缩放的,可以通过inside鼠标滚轮进行缩放(内置的缩放),slider拖动滑块缩放(外置的缩放控制)
- visualMap:视觉映射组件
- tooltip提示框组件,可以设置在全局、坐标系、series系列中、系列的每个数据项中,可以设置显示隐藏,触发类型,坐标轴指示器配置项、触发条件结束是否显示提示框、显示隐藏的延时、位置、内容格式化、样式
- axisPointer:坐标轴提示器
- toolbox:工具栏, 导出图片、数据视图、动态类型切换、数据区域缩放、重置,工具栏图标的方向、大小、间隔、悬停显示内容、位置
- brush 是区域选择组件,用户可以选择图中一部分数据,从而便于向用户展示被选中数据,或者他们的一些统计计算结果
- geo:地理坐标系组件,地图上设置散点图,线集,区域的颜色series-map中设置,地图的缩放,当前视角的中心点,地图的长宽比,左上角右下角对应的经纬度,视角的缩放比例,滚轮缩放的极限控制,组件的位置,地图大小,
- parallelAxis平行坐标系
- timeline多个echarts option间切换、播放,设置自动播放,方向播放,循环播放,播放速度,播放按钮的位置
- graphic原生图形元素组件
- calendar日历坐标系组件
- dataset对数据集进行统一管理被多个组件复用
- series系列列表,每个系列通过type决定自己的图表类型
- animation开始的是动画相关的
echarts的最外层配置项的更多相关文章
- echarts常见配置项总结,legend、toolbox、tooltip等
1.饼状图指示线改变颜色:series.labelLine.lineStyle series : [ { name: '默认文字', type: 'pie',//类型饼状图 hoverAnimatio ...
- 关于ECharts Java类库的一个jquery插件
在项目中开发图表功能时用到了Echars和一个关于Echars的java类库(http://git.oschina.net/free/ECharts).这个类库主要目的是方便在Java中构造EChar ...
- echarts在react项目中的使用
数据可视化在前端开发中经常会遇到,万恶的图表,有时候总是就差一点,可是怎么也搞不定. 别慌,咱们一起来研究. 引入我就不多说了 npm install echarts 对于基础的可视化组件,我一般采用 ...
- 基于 ECharts 封装甘特图并实现自动滚屏
项目中需要用到甘特图组件,之前的图表一直基于 EChart 开发,但 EChart 本身没有甘特图组件,需要自行封装 经过一番鏖战,终于完成了... 我在工程中参考 v-chart 封装了一套图表组件 ...
- ECharts学习指南
1.了解ECharts ECharts简单说就是互联网开发程序过程中,后台数据库用以实现数据到图形的映射的一个插件. 具体来说一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在PC和 ...
- 使用百度echarts仿雪球分时图(一)
第一次写技术博客,有不足的地方希望大家指证出来,我再加以改正,谢谢大家. 之前一直没有找到一个合适的分时图项目,所以决定自己动手撸一个.接触的图表框架不多,在网上看到不少人推荐使用echarts,看了 ...
- 使用百度echarts仿雪球分时图(四)
这章节来收拾一下一些小BUG,顺便把各个小提示信息也补上,分时图也就完成了. 上章节末尾提到的一个bug,就是第一个grid跟第三个grid之间是断开的,折线并没有连在一起,所以先来收拾这个问题.没有 ...
- 使用百度echarts仿雪球分时图(三)
这章节将完成我们的分时图,并使用真实的数据来进行展示分时图. 一天的交易时间段分为上午的09:30~11:30,下午的13:00~15:00两个时间段,因为分时间段的关系,数据是不连续的,所以会先分为 ...
- 使用百度echarts仿雪球分时图(二)
上一章简单的介绍了一下分时图的构成,其实就是折线图跟柱状图的组成.本来这章打算是把分时图做完,然后再写一章来进行美化和总结,但是仔细观察了一下,发现其实东西还是有点多的.分时图的图表做完后,还要去美化 ...
随机推荐
- Comet OJ - Contest #2题解
传送门 既然没参加过就没有什么小裙子不小裙子的了-- 顺便全是概率期望真是劲啊-- 因自过去而至的残响起舞 \(k\)增长非常快,大力模拟一下就行了 int main(){ scanf("% ...
- tomcat相关知识点
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用. tomcat的文件结构: bin:用于存放启动和关闭tom ...
- 07_LACP负载分担(数通华为)
1. 网络拓扑 2. SW1配置:[SW1]vlan batch 10 20[SW1]interface GigabitEthernet 0/0/1[SW1-GigabitEthernet0/0/1] ...
- jQuery事件绑定与切换
一.事件绑定 1.标准方式 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数): * 注:如果调用事件方法,不传递回调函数,则会触发浏览器默认行为. * 表单对象.submit(); ...
- C语言博客作业04—数组
0.展示PTA总分(0----2) 展示3张关于"数组题目集"分数截图. 1.本章学习总结(2分) 1.1 学习内容总结 整理数组这章学习主要知识点,必须包含内容有: (1)数组查 ...
- 转载:深度学习在NLP中的应用
之前研究的CRF算法,在中文分词,词性标注,语义分析中应用非常广泛.但是分词技术只是NLP的一个基础部分,在人机对话,机器翻译中,深度学习将大显身手.这篇文章,将展示深度学习的强大之处,区别于之前用符 ...
- webpack的一些坑
最近自己着手做一个小的Demo需要webpack,目前版本号是4.41.2,想使用的版本是3.6.0,因3x版本和4x版本很多地方不同,所以在安装过程中也是很多坎坷,下面是遇到的一些坑,和一些解决办法 ...
- c++primer(第五版) 阅读笔记_第1章
一.结构图: 二.代码及练习题 1.1节 编写一个简单的C++程序 1.1节练习 练习1.1: 查阅使用的编译器的文档:我使用的是vs2013,其文档为https://docs.microsoft.c ...
- shell 一些例子
#!/bin/bash #Filename: password.sh by:-V love cmx stty -echo #这里表示 开启隐藏在终端的输出 read -p "Enter y ...
- IntelliJ IDEA编辑器的使用技巧
目录 1. 使用技巧 1. 跳转小工具 2. 无处不在的跳转 3. 精准搜索 4. 列操作: 5. live template 6. postfix 7. ALT+ENTER智能提示,代码优化 8. ...