jsp页面怎样加入echars

要在JSP页面中加入Echarts，需要先引入Echarts的相关库文件，可以通过以下步骤实现：

1. 下载Echarts的库文件，包括echarts.min.js和echarts-gl.min.js等。

2. 将Echarts的库文件复制到项目中的某个文件夹中，例如webapp/js/echarts。

3. 在JSP页面中引入Echarts的库文件，可以使用以下代码：

<script src="${pageContext.request.contextPath}/js/echarts/echarts.min.js"></script>

其中，${pageContext.request.contextPath}是JSP页面中的一个EL表达式，用于获取当前项目的上下文路径，保证了在不同的URL路径下都能正确引入Echarts的库文件。

4. 在JSP页面中添加一个div元素作为Echarts图表的容器，例如：

<div id="chart" style="width: 600px; height: 400px;"></div>

其中，id属性为"chart"，用于标识Echarts图表的容器。

5. 在JSP页面中编写JavaScript代码，使用Echarts的API生成图表，例如：

<script>
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('chart'));

  // 指定图表的配置项和数据
  var option = {
      // ...
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
</script>

其中，myChart是Echarts的实例对象，可以使用setOption方法设置图表的配置项和数据，例如option对象中的xAxis、yAxis、series等属性。

通过以上步骤，就可以在JSP页面中成功引入Echarts，生成图表并展示在页面上了。