Echart—柱状图学习

妙枫 2019-05-03 08:58:20
一、Echart柱状图基础参数
柱状图在Echart的图形解决方案中,是非常简单的一类,只需要配置几个必要参数即可,当然也可以和折线图互相转换,只需要把series中的type改为‘line’即可。柱状图中有几个必要参数,下面一一介绍:
(1)xAxis:X轴,需要设置type即x轴显示的类型,data即x轴的数据,数据格式为['',''].当然还可以设置其他参数,这里只介绍基础从参数。
(2)yAxis:y轴,type即类型,如果不设置data,那么会根据series中的数据自动生成
(3)series:系列,我理解为具体要显示的数据,格式为series[{data:[,],type:'' }],一对{}为一个系列,type为显示的类型,比如type:‘bar’,代表是柱状图,data是要显示的具体数据,数据格式为data:[,],当这些基础参数设置好,就能显示一个基本的简单的柱状图。

第一次发帖,我知道还很菜,但我会继续学习,今天迈出了第一步,相信以后,我会行走百万里!!!
...全文
211 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
加油

2,100

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧