echarts如何获取legend data传给series的name？

冠阁珠宝宝 2024-05-16 13:24:59

最佳回答

首先，在j**a web项目中新建一个jsp页面somechart.jsp，引入echarts核心js<script type="text/j**ascript" src="<%=basepath%>/scripts/echarts/build/d**t/echarts.js"></script><script type="text/j**ascript"> // 路径配置 require.config({ paths: { echarts: "<%=basepath%>/scripts/echarts/build/d**t" } });</script>由于这里要用到折线图，需要将折线图的js引入require( [ 'echarts', 'echarts/chart/line' ],图形要在页面上显示，需要一个容器，这里在body里定义一个div<body> <div id="linechart" style="width: 100%;height:100%;font-family: 微软雅黑;font-size: 12px;"></div> </body>现在，编写形成折线图的核心jsfunction (ec) { var line = ec.init(document.getelementbyid('linechart')); var option = { tooltip: { show: true }, legend: { data:['销量'] }, xax** : [ { type : 'category', data : ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"] } ], yax** : [ { type : 'value' } ], series : [ { "name":"苹果销售量", "type":"line", "data":[8956, 2025, 3640, 5610, 8910, 5720, 3467, 9023, 8367, 5342, 6754, 8753] } ] }; line.setoption(option); }启动tomcat服务器，在浏览器上运行jsp页面，会看到一个折线图点击折线上的折点，会获取到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); }由于在js利用console打印，可以在火狐浏览器上查看相应的参数指标，在函数中添加alert，将参数指标打印在页面上var str = "seriesindex:"+seriesindex+"****"+"dataindex:"+dataindex+"****"+"seriesname:"+seriesname+"****"+ "name:"+name+"****"+"data:"+data+"****"+"value:"+value; alert(str);再次刷新浏览器，等折线出来后，点击上面的点 20210311

汇率兑换计算器

兑换金额：

持有货币：

兑换货币：

兑换结果：

类似问答

如何获取实时的股票数据
- 2024-05-16 08:38:57
- 提问者: 未知
如果你只是需要进行实时选股，则可以采用通达信、大智慧、同花顺等看盘软件。通达信、大智慧等软件中有一个“鹰眼盯盘”的功能（各家叫法不同，但意思一样的），结合自己在这些软件中编写的自编公式、指标，可实现实时的的股票监控。如果你需要的是实时获取股票数据，则有专门的股票实时行情api接口，例如微盛的股票实时api接口，通过这样的接口，编程即可取得实时的股票数据。
招商银行**积分是如何获取的？具体如何才能获取更多积分？
- 2024-05-16 08:44:58
- 提问者: 未知
招行**积分的获取方式主要有大概四种方式，主要有刷卡消费获得积分，签到获得积分，网上商城购物分期获得积分，推荐办卡途径可以获得的积分。其中签到可以在微信上关注“招商银行**”小程序和公众号签到获得积分。
如何利用echarts图表插件获取legend切换参数
- 2024-05-16 22:35:39
- 提问者: 未知
1第一步，新建静态页面line.html，并引入echarts相关的js文件，如下图所示：2第二步，在body元素内插入div作为折线图的容器，设置其高度和宽度，如下图所示：3第三步，编写生成折线图的核心js代码，并初始化函数，如下图所示：4第四步，调用ecahrts中的方法，生成折线图，如下图所示：5第五步，预览该静态页面，查看折线图显示效果，如下图所示：5该信息非法爬取自百度经验6第六步，添加...
北京户口如何获取的
- 2024-05-16 09:45:39
- 提问者: 未知
北京小升初户口政策1北京户口获取途径应届生毕业通过“进京指标”解决户口的比例最大。...北京市规定，父母双方有一方是北京户籍，则可以为新生儿申报北京户口。...
apple watch series 3 的实际体验如何？
- 2024-05-16 08:55:41
- 提问者: 未知
**、马来西亚、南非和土耳其不提供 hrv 测量功能。 201 148 条评论喜欢继续浏览内容知乎发现更大的世界 ...18、扬声器排水 ...
如何获取网站的api
- 2024-05-16 15:49:51
- 提问者: 未知
api是要自己编程后才有的，如果当初**的人没做，就要你现在补做一个了。应该不难的。功能不大的话，一般编程人员就能做出来
echarts该如何使用?有哪些好的教程？
- 2024-05-16 05:19:00
- 提问者: 未知
北京公交的例子找到了答案：【echarts官方示例】&amp;quot;北京公交路线-线特效&
如何从github获取源代码
- 2024-05-16 00:43:37
- 提问者: 未知
1到github.com找到自己感兴趣的项目，比如jquery，复制项目的clone url2在本地打开git bash命令行窗口2本页面未经授权抓取自百度经验3把复制好的clone url粘贴到命令行窗口并回车，执行完clone命令代码即下载到本地git clone [url]end
如何获取所有的分级基金
- 2024-05-16 14:26:31
- 提问者: 未知
用户可以关注一下财经股票类网站的基金栏目下，分级基金专题。
南京有哪些都市传说(** legend)？
- 2024-05-16 15:55:22
- 提问者: 未知
1号出入口：建华大厦，必胜客、天安国际大厦，工行石鼓路分理处，肯德基 3号出入口：苏豪大厦、肯德基精选餐厅、东方商城 4号出入口：必胜客 5号出入口：南京国际金融中心...

echarts如何获取legend data传给series的name？

房贷计算器-九子财经 | 备案号： 桂ICP备19010581号-1 商务联系 企鹅：2790-680461

房贷计算器-九子财经 | 备案号：桂ICP备19010581号-1 商务联系企鹅：2790-680461