1、首先，在Java Web项目中新建一个JSP页面someChart.jsp，引入echarts核心JS<script type="text/javascript" src="<%=basePath%>/scripts/echarts/build/dist/echarts.js"></script> <script type="text/javascript"> // 路径配置 require.config({ paths: { echarts: "<%=basePath%>/scripts/echarts/build/dist" } });</script>如下图所示：
3、图形要在页面上显示，需要一个容器，这里在body里定义一个div<body> <div id="lineChart" style="width: 100%;height:100%;font-family: 微软雅黑;font-size: 12px;"></div> </body>如下图所示：
6、点击折线上的折点，会畛粳棠奈获取到X轴和Y轴值，说明这个需要给图一个点击事件，具体代码如下：function queryXY(param) { var seriesIndex = param.seriesIndex; var dataIndex = param.dataIndex; var seriesName = param.seriesName; var name = param.name; var data = param.data; var value = param.value; console.dir(param);}
8、在函数中添加alert，将参数指标打印在页面上var str = "seriesIndex:"+seriesInd髫潋啜缅ex+"****"+"dataIndex:"+dataIndex+"****"+"seriesName:"+seriesName+"****"+ "name:"+name+"****"+"data:"+data+"****"+"value:"+value; alert(str);如下图所示：
