ECharts的配置(一)

发布于:2022-12-27 ⋅ 阅读:(522) ⋅ 点赞:(0)

一.配置的五部曲

 

 

二.tooltip---------提示框组件

作用:图表的提示框组件

1.trigger:'axis'   //触发方式,axis坐标轴

 

三.legend---------图例组件

作用:图例组件

 

四.toolbox---------工具箱组件

作用:让图表可以下载成图片

 五.grid---------网格配置

 下方是dom容器的大小

 属性:

1.containLabel,是否显示刻度标签,true为显示。

2.left---------------->控制大小

3.right-------------->控制大小

4.bottom----------->控制大小

 六.xAxis---------x轴的配置

作用:设置x轴的相关配置

属性:

1.type:'category' || 'value'    控制柱子的横竖显示

 

2.boundaryGap:true || false   是否让我们的线条和坐标轴有缝隙

3.data      x轴的数据

y轴也上一样

 七.series---------系列图表配置,决定显示那种类型的图表

是一个数组,数组中有若干个对象,也对应着五条线,每一个对象决定着一条线。

1.stack----数据堆叠     数组里面的数字会进行相加

2.data ---------------每条线数据

3.type---------------线条类型

4.series 里面有了name值则legend里面的data可以删掉

 

八.color---------颜色

作用:设置线条的颜色,后面是一个数组

 

九.title--------------标题

作用:设置图标的标题

十.总结


网站公告

今日签到

点亮在社区的每一天
去签到

热门文章