echarts折线图图表怎么显示平均值

Posted 2023-05-04

参考技术A 支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。
1、创建折线图的数据区（包括年份和数据）2、仅选择数据区创建折线图（插入选项卡/图表工具组/折线图）3、得到的折线图x坐标不满足要求，在图表区单击鼠标右键，选择“选择数据”，进入“选择数据源”对话框4、单击对话框右侧“水平分类轴标签”下的“编辑”按钮5、选择对应x坐标轴的年份区域6、单击确定可见年份数据更改了图表的x轴坐标系列本回答被提问者采纳

如何用Echarts制作标准折线图

参考技术A 我们经常使用Echarts制作各种图表，那么如何运用Echarts制作标准折线图呢？下面我给大家演示一下。

首先打开Sublime Text软件，新建一个HTML文档，并在文档中添加如下图所示的HTML结构

接下来运用scripts标签在HTML中引入echarts的库文件，如下图所示

然后我们在body标签中创建一个div区域用来存放折线图，如下图所示，注意给div设置高度

接下来我们通过echarts的init方法对刚才创建的div区域进行初始化，如下图所示

然后我们设置折线图的参数，包括X，Y坐标轴数据，折线图标题等信息，如下图所示

接下来在series参数中设置折线图所需要的数据，如下图所示，一条折线配置一个大括号

参数和数据设置完毕以后我们调用echarts的setOption方法将内容都填充进折线图展示区域，如下图所示

最后我们运行HTML文件，就可以看到如下图所示的标准折线图了，点击顶部的折线标题可以隐藏或者显示折线