如何获取echarts点击点的X轴和Y轴值

 我来答
huanglenzhi
2015-07-10 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数:117538 获赞数:517183
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问 私信TA
展开全部
  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>
  2

  由于这里要用到折线图,需要将折线图的JS引入
  require(
  [
  'echarts',
  'echarts/chart/line'
  ],
  3

  图形要在页面上显示,需要一个容器,这里在扒雹body里定义一个div
  <body>
  <div id="lineChart" style="width: 100%;height:100%;font-family: 微软雅黑;font-size: 12px;"></div>
  </body>
  4

  现在,编写形成折线图的核心js
  function (ec) {
  var line = ec.init(document.getElementById('lineChart'));
  
  var option = {
  tooltip: {
  show: true
  },
  legend: {
  data:['销量']
  },
  xAxis : [
  {
  type : 'category',
  data : ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月慎桥","十一月","十二月"]
  }
  ],
  yAxis : [
  {
  type : 'value'
  }
  ],
  宽此猛series : [
  {
  "name":"苹果销售量",
  "type":"line",
  "data":[8956, 2025, 3640, 5610, 8910, 5720, 3467, 9023, 8367, 5342, 6754, 8753]
  }
  ]
  };
  
  line.setOption(option);
  }
  5

  启动Tomcat服务器,在浏览器上运行JSP页面,会看到一个折线图
  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);
  }
  7

  由于在js利用console打印,可以在火狐浏览器上查看相应的参数指标,
  8
  在函数中添加alert,将参数指标打印在页面上
  var str = "seriesIndex:"+seriesIndex+"****"+"dataIndex:"+dataIndex+"****"+"seriesName:"+seriesName+"****"+
  "name:"+name+"****"+"data:"+data+"****"+"value:"+value;
  alert(str);
  9

  再次刷新浏览器,等折线出来后,点击上面的点
灰姑娘的霸气
2016-02-11 · TA获得超过1.3万个赞
知道大有可为答主
回答量:3145
采纳率:72%
帮助的人:241万
展开全部
1 首先,在Java Web项目中新建一个JSP页面someChart.jsp,引入echarts核心JS // 路径配置 require.config({ paths: { echarts: "/scripts/echarts/build/dist"首则 } }); 
2 由亮芹判于这里要用到折线图,需要将折线图的JS引入 敬改require( [ 'echarts', 'echa
@echo off
set rar="C:\Program Files\WinRAR\rar.exe"
setlocal enabledelayedexpansion
for /f "delims=" %%a in ('dir /ad/b') do (
set /a n=%%~a%%2
if !n! equ 0 (
%rar% a -hp12345678 test2 "%%~a"
) else (
%rar% a -hp12345678 test1 "%%~a"
)
)
pause
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式