Echarts教程(2)——配置项总览(直角坐标系)

打开echarts官网,选择‘文档–>配置项手册’,我们会看到echarts所有的配置项,下面我们将直角坐标系涉及到的组件做一下介绍

title:标题,包含主标题和副标题,可设置其内容、样式、文字样式等
legend:图例,可设置图例内容、样式、显示位置、标记等
grid:直角坐标系内绘图网格,可设置单个图表的宽度高度,相对于容器的位置等
xAxis:直角坐标系grid中的x轴,可设置x轴的显示样式、标签内容、坐标轴名称等
yAxis:直角坐标系grid中的y轴,可设置项与x轴相同等
tooltip:提示框,可设置提示框的触发类型、样式、字符串模板等
toolbox:工具栏,内置有数据视图、动态类型切换、数据区域缩放、重置五个工具
series:系列列表,设置图表类型、图表显示样式、图表数据等


上图为官方实例中的一个折线图,因数据量很大,所以呈现出来跟我们平时看到的折线图有些区别,我已将各组件的名称在图中标出,以便于学习。
官方文档已经很详细了,在此不再赘述。下一篇开始,我会结合比较难的实例对不同类型的图表进行配置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值