文档章节

ECharts官方配置项解析(1)

BK灬
 BK灬
发布于 2016/06/17 16:16
字数 248
阅读 784
收藏 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
博文 346
码字总数 144551
作品 0
朝阳
后端工程师
私信 提问
加载中

评论(3)

BK灬
BK灬 博主

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

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

文章目录 小哥哥,小姐姐们容我再打一波小广告,我打算用几年时间去做一份关于Java学习、面试、进阶的GitHub项目。 目前刚刚整理好JavaSE基础内容,我将陆续的整理好JavaWeb阶段以及框架知识...

Ziph
前天
0
0
mpvue 使用echarts动态绘制图表(数据改变重新渲染图表)

  最近在公司开发一款微信小程序,按照客户需求用饼状图显示当前设备状态(开机、故障、关机),于是就在网上寻找各种资料,找了很多mpvue使用关于echarts绘制图表,最终功夫不负有心人,找...

osc_38hqdg11
2019/01/07
9
0
【echarts3】 折线图我踩过的那些坑 (tooltip 设置,line 单个点/散点不显示问题)

echarts 折线图小技巧 echarts 折线图功能丰富且官方文档详细易懂,上手比较容易,这篇文章将分享一些项目中踩过的坑,示例主要以多条曲线为主,对大家完成一些 曲线、tooltip 和 markline 的...

osc_6ruay563
01/13
10
0
【vue】vue中v-charts的使用

官方文档:https://v-charts.js.org/#/ 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的...

osc_3jc6o7f2
2019/03/12
7
0
echarts的基本使用以及如何使用官方实例的方法

<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="box" style="width: 600px;height:400px;"></div> //如果需要改背景色直接在这里修改便可以 export default { data() { retu......

osc_scsnwib5
2019/07/12
2
0

没有更多内容

加载失败,请刷新页面

加载更多

Discourse 如何在首页中显示 Box 的子分类

如下图, 如何在 Discourse 中显示子分类。 discourse-sub-col-01 1207×872 147 KB 你可以在分类的设定中进行设置,这个设定需要在上级目录中设置。 discourse-sub-col-02 556×656 76.3 KB...

honeymoose
31分钟前
27
0
OSChina 周六乱弹 —— 妈妈快看,外面有只人类

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《1万年の时を越えて》- 上松範康 手机党少年们想听歌,请使劲儿戳(这里) @火眼...

小小编辑
37分钟前
27
0
git-Linux客户端使用

下载test代码 git pull https://gitee.com/yunmhs/test.git 上传test代码 git add . 将新更新的文件更新至本地git仓库( . 代表当前目录所有 ) git commit -m "Dockerfile Images update huan......

huanke
38分钟前
26
0
静态方法和类方法之间的区别 - Difference between staticmethod and classmethod

问题: 用@staticmethod装饰的函数和用@staticmethod装饰的函数有@staticmethod @classmethod ? 解决方案: 参考一: https://stackoom.com/question/ZP7/静态方法和类方法之间的区别 参考二...

javail
38分钟前
13
0
垃圾收集器与内存分配策略

对象已死? 垃圾标记算法 1.引用计数算法 C++智能指针、Python 2.可达性分析算法 JavaGC Roots的根对象作为起始节点,通过引用链到某个对象不可达时,证明此对象不可能再被使用。 强引用:...

LoSingSang
昨天
27
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部