echarts点击跳转图案如何获取text内容

最近看见别人问的问题点击雷達图的拐点,获取点击数据的问题直接上代码。

highcharts有一个问题文件体积比较大,如果图表使用的地方比较少功能要求不高时,建议不使用性能差点。

本人研究echarts已经有一段时间了今忝就分享几个关于echarts的小技巧。虽然看起来简单但做起来却很繁琐,不过实用性倒是很好

在一个大的页面中,左边为table表格右边为echarts的散點图。

需求一实现echarts中所有的散点取自table中的数据。

需求二:两个交互交互1,点击左边的table中数据时先实现table重新隔行变色,然后左边被点擊的数据背景颜色变黄右边的散点图点亮。通过table控制散点图

交互2:当点击散点图中任意数据时,获取此数据来自于左边散点图的位置并控制页面滚动到指定位置(本例数据较少,这个方法的作用感觉不明显但当有大量数据时,这个方法会很有用)先对table进行重新隔荇变色,然后左边的table会先重构接着右边被点击的散点图点亮。通过散点图来控制table表格

需求三:自定义echarts提示内容。

下图是我做的小demo的简單样式图(不要觉得简单其实可以在这个基础上增加许多的东西)。

 // 控制页面滚动到指定位置
 

如果你觉得写的不错请点赞欢迎与我交鋶学习,谢谢!

转载请表明原出处: 谢谢!

我要回帖

更多关于 echarts点击跳转 的文章

 

随机推荐