网站首页 > 技术文章 正文
今天偶然想查下 ECharts 配置项,结果发现了一个新东西——「ECharts 术语速查手册」,于是点开了解一下。
「ECharts 术语速查手册」目前有 4 个功能:
- 常用组件说明
- 系列类型文档速查
- 坐标系文档速查
- 组件文档速查
常用组件说明
如图,通过一种类似浏览器 F12 的元素拾取器那样的交互方式,我们可以看到 ECharts 图表各种组件的名称、描述和配置项手册直达链接。这简直对新手太友好了。
记得当初刚接触 ECharts 时,为了熟悉组件、功能与配置项名称的对应关系,我只能拿官方 Gallery 里面的例子,改改试试,再对照着手册查查看看……非常没有效率。
后来有了百度图说,不用写代码(准确说是不用写配置项 JSON)就能创建图表,同时可以得到创建好图表对应的配置项代码 。但是图说用的是 ECharts 2.0,图说得到的配置项代码拿到 ECharts 3.0 及以后环境里,不一定能用。
扯远了,回到这个「常用组件说明」,基本把平常能用到的功能组件都涵盖了,有需求都同学可以试试,入门捷径。
系列类型文档速查
这个功能比较简单,就是方便新手快速识别图表名称,快速定位图表的在配置项中的位置(series[i]-line, series[i]-bar, series[i]-pie)。
坐标系文档速查
同样比较简单,方便新手快速认识坐标系,快速定位坐标系在配置项中的位置。
组件文档速查
这个「组件文档速查」和第一个「常用组件说明」有点重复,也是方便直接定位到配置项手册中对应位置,就是多了 MarkLine, MarkArea, Brush 这三个功能。
另外多说一句,这些组件在配置项到位置有多个,比如 tooltip 提示框,有全局的 tooltip 配置,还有系列的 series[i].tooltip 配置,以及数据的 series[i].data[i].tooltip,生效优先级为:数据>系列>全局。
点击「了解更多」直接查看「ECharts 术语速查手册」
猜你喜欢
- 2024-10-12 安详解在vue中使用echarts图表实例代码
- 2024-10-12 echarts两点连线,中间没有数值情况下实现连线,x轴标题超长解决
- 2024-10-12 ECharts—百度可视化图表插件(echarts数据可视化网站)
- 2024-10-12 vue之将echart封装为组件(vue echart 组件)
- 2024-10-12 百度echarts使用(百度 echarts)
- 2024-10-12 分享7个常用的echarts示例(echarts介绍)
- 2024-10-12 Vue实战090:Vue使用ECharts图表详解
- 2024-10-12 9、echarts 在 vue 中怎么引用?(必会)
- 2024-10-12 Spring Boot 2.x基础教程:使用 ECharts 绘制各种华丽的数据图表
- 2024-10-12 Echart可视化学习笔记(echarts数据可视化 html模板)
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)