文档章节

ECharts官方配置项解析(1)

AK灬
 AK灬
发布于 2016/06/17 16:16
字数 248
阅读 324
收藏 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(大神莫入)

© 著作权归作者所有

共有 人打赏支持
AK灬

AK灬

粉丝 46
博文 343
码字总数 142342
作品 0
朝阳
后端工程师
加载中

评论(3)

AK灬
AK灬

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

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

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

操张林
2017/03/08
0
0
前端知识 | 浅谈在React中使用echarts

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

海说软件
06/26
0
0
v-charts 1.17.8 发布,Vue2.x 封装的 Echarts 图表组件

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

王练
07/14
0
0
Echarts-地图扩展-标准geoJson格式扩展地图-例子

本人菜鸟一枚,最近搞echarts地图。看到官方给的“标准geoJson格式扩展地图-全国主要城市”的例子,瞬间就蒙逼了。(http://echarts.baidu.com/echarts2/doc/example/map20.html ,2016年8月...

夜辰
2015/07/17
0
13
百度的echarts 能否给 markLine 的label 添加背景?

项目中遇到如下图的需求 查阅echarts配置项文档发现似乎没有markLine label的样式选项 请问怎么才能给label增加背景呢? 附: 在线echarts gallery代码 http://gallery.echartsjs.com/… ec...

豆花饭烧土豆
08/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
41分钟前
0
0
java大数据转换16进制转10进制

public static void main(String[] args) {String hex = "0xdbf3accc683297cf0000";BigInteger amount = new BigInteger(hex.substring(2), 16);System.out.println(amount);......

任梁荣
昨天
2
0
OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @真Skr小机灵鬼儿:8.13分享Jocelyn Pook/Russian Red的单曲《Loving Strangers》 《Loving Strangers》- Jocelyn Pook/Russian Red 手机党少...

小小编辑
昨天
9
3
TypeScript基础入门 - 函数 - 剩余参数

转载 TypeScript基础入门 - 函数 - 剩余参数 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
昨天
1
0
OpenCV边缘检测算子原理总结及实现

1. 拉普拉斯算子 原理:是一种基于图像导数运算的高通线性滤波器。它通过二阶导数来度量图像函数的曲率。 拉普拉斯算子是最简单的各向同性微分算子,它具有旋转不变性。一个二维图像函数的拉...

漫步当下
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部