echarts 点击图表复制 x 轴值

在 echarts 中，实现单、双击图表时复制 x 轴值需要借助其事件机制。要监听图表中的“空白处”，可以使用 getzr().on('click') 方法。接下来，通过 convertfrompixel('grid', [e.offsetx, e.offsety]) 方法将像素坐标转换为对应的数据坐标。

jQuery点击事件遮罩弹出层可移动特效代码

"jQuery点击事件遮罩弹出层可移动特效代码下载。一款jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层js插件。

下载

以下代码演示了如何实现此功能：

// 监听图表点击事件
myChart.getZr().on('click', e => {
  // 获取鼠标点击的坐标
  const [x, y] = myChart.convertFromPixel('grid', [e.offsetX, e.offsetY]);
  
  // 将 X 轴值复制到剪贴板
  navigator.clipboard.writeText(x);
});

需要注意的是，该代码依赖于浏览器的 navigator.clipboard api，某些浏览器可能不支持。