关于echarts十字准星的问题

靳松桥 2017-07-19 11:35:13

各位前辈好，请问下设置坐标轴指示器为cross时，怎么固定十字准星就吸附在一个点上，就像highCharts中的crosshairs的十字准星，echarts找了好多方法也没解决怎么固定xy轴指示器同时吸附到一个点上，也就是只聚焦到一个点，还是echarts不支持此功能？谢谢
图一是echarts 图二是highCharts 目的：图一实现图二的功能

...全文

1327 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

需求:当图表的datazoom为insider时,鼠标移入折线图折点,修改鼠标样式为手型;即元素的cursor属性为pointer(默认为crosshair)解决:直接操作echart渲染的canvas的dom元素并修改。鼠标会在触碰折点的一瞬间变为手型,之后变回为十字准星。

TooltipOpts：提示框配置项官方文档链接 import pyecharts as pct from pyecharts import options as opts x_data = ['Apple', 'Huawei', 'Xiaomi', 'Oppo', 'Vivo', 'Meizu'] y_data = [123, 153, 89, 107, 98, 23] line = pct.charts.Line() line.add_xaxis(x_data) line.add_yaxis('

/ 模拟十字轴的横轴// 获取点击位置的坐标// containPixel为true则点击位置在坐标轴内// 传入鼠标位置坐标进行转化// convertFromPixel返回[x, y],x对应鼠标点击处数据的下标,y对应鼠标点击处的数值if (!return;// 修改markLine的值// 重新setOption// 设置选中的内容} else {// 不在坐标轴内不展示markLine});});});// 设置选中的内容});

一开始设置Echarts的指示器axisPointer，焦点是跟着鼠标点击的位置，但是期望的焦点是在红色折线上，如下图所示 axisPointer设置的关键代码： tooltip: { trigger: "axis", triggerOn: "mousemove", position: [-5, 0], axisPointer: { type: "cross", snap: true,

echart手机端当十字线-toolTip出现时禁止曲线滑动，当十字线消失时允许曲线滚动最近做vue开发的时候发现echart，在展示toolTip时，手机端滚动crossLine时，曲线会跟着滚动，为了解决这个问题，写了这篇文章。直接上代码，具体代码如下实现功能的关键代码：设置是否可以滑动曲线设置是否显示toolTip给曲线设置点击监听，通过click控制toolTip的显示与隐藏最近做vue开发的时候发现echart，在展示toolTip时，手机端滚动crossLine时，曲线会跟着滚动，为了解决这个

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章