文档章节

ECharts官方配置项解析(1)

BK灬
 BK灬
发布于 2016/06/17 16:16
字数 248
阅读 342
收藏 1
1.Echarts组件;

1.1.图例组件:legend

1.2.视觉映射组件(地图):visualMap

1.3.数据区域缩放组件:dataZoom

1.4.时间线组件:timeline

2.Echarts两种事件种类:

2.1.用户鼠标操作点击:hover图标的图形时触发的行为事件

2.2.用户在使用了可以交互的组件后触发的行为事件

3.X轴:xAsix

3.1.type:A.value //数值轴(bar,line图) B.category //目类轴(pie图) C.time //时间轴 D.log //对数轴

3.2.boundaryGap:坐标轴两边是否留有空白,也就是顶格.false为不留空白,true为留空白

4.提示框:tooltip

4.1.trigger:A.item //数据项图形触发(pie图) B.axis //坐标轴触发(bar,line图)

5.工具栏:toolbox

5.1.feature //工具配置项

5.1.1.saveAsImage //保存为图片

5.1.2.restore //配置项还原

5.1.3.dataview //数据视图工具

5.1.4.dataZoom //数据区域缩放

5.1.5.magicType //动态类型切换

菜鸟交流群:260052172(大神莫入)

© 著作权归作者所有

共有 人打赏支持
BK灬

BK灬

粉丝 46
博文 343
码字总数 142562
作品 0
朝阳
后端工程师
私信 提问
加载中

评论(3)

BK灬
BK灬

引用来自“青春紧握在手”的评论

我可以请教您一个问题吗?Echarts 第一用,有好多东西都不太了解?我怎么才可以动态的改变柱形图 X轴 显示的文字的 颜色啊? 取得是一个 集合,但是 我只是想让 其中的一个 值进行 文字的颜色改变啊??? 谢谢哦。
楼下回复你了0,世界地图map是可以的!折线图、饼状图和柱状图都是用颜色来区分不同名称的,并不能区分数值大小0
BK灬
BK灬
柱状图好像做不了颜色随着值改变的功能,柱状图的颜色是用来区分不同X名称的,而不是根据值大小改变的!0
青春紧握在手
我可以请教您一个问题吗?Echarts 第一用,有好多东西都不太了解?我怎么才可以动态的改变柱形图 X轴 显示的文字的 颜色啊? 取得是一个 集合,但是 我只是想让 其中的一个 值进行 文字的颜色改变啊??? 谢谢哦。
前端知识 | 浅谈在React中使用echarts

方法一: echarts-for-react 是一个非常简单的针对于 React 的 Echarts 封装插件。 和使用所有其他插件一样,首先,我们需要 install 它: 第一步: npminstall --save echarts(依赖) npmi...

海说软件
06/26
0
0
ECharts:国内数据可视化领域的新秀

不久前,专业大数据可视化公司Tableau在纽交所成功上市,当日收盘涨幅64%,至50.75美元,共募集资金2.542亿美元,成为今年美国最大一笔科技业IPO。Tableau Software正是一家做大数据的公司,...

Kener-林峰
2013/08/06
94
0
echarts中如何使用timeline组件

1.吃碗面 这里关于echarts3 官网的示例我不得不吐槽一下,逼格真高!一小部分示例动不动数据就是国家统计局搞出来的,你脸真大。当然他们做的示例的确是很好,这一点毫无疑问。当我看了echar...

操张林
2017/03/08
0
0
ECharts GL 1.0 alpha 发布

距离 ECharts-X 最近一个版本已经过去了两年多时间,期间我们不断被开发者在各种渠道询问 ECharts-X 为什么还不升级新版本,是不是不再维护了等等,对于这些问题我们只能回答我们还没准备好。...

ECharts
2017/04/17
8.1K
29
v-charts 1.17.8 发布,Vue2.x 封装的 Echarts 图表组件

v-charts 是饿了么开源的基于 Vue2.x 封装的 Echarts 图表组件,特性: 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。 简化的配置项: 通过简化的配置项,可以轻松实现复...

王练
07/14
961
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
今天
5
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
3
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
4
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0
ActiveMQ消息传送机制以及ACK机制详解

AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的。 一. ActiveMQ消息传送机...

watermelon11
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部