
通过点击图表复制 echarts x 轴值
在 echarts 图表中,当单击或双击图表时,复制 x 轴值至剪贴板的过程可以按照以下步骤实现:
- 使用 mychart.getzr().on('click', e => { ... }) 事件监听器监听图表空白处的点击事件。
- 在事件处理函数中,使用 mychart.convertfrompixel('grid', [e.offsetx, e.offsety]) 将点击位置从像素坐标转换为图表坐标。
- 将转换后的 x 轴坐标复制到剪贴板,可以用 navigator.clipboard.writetext(x) 实现。
这里提供一个示例代码段:
myChart.getZr().on('click', e => {
const [x, y] = myChart.convertFromPixel('grid', [e.offsetX, e.offsetY]);
navigator.clipboard.writeText(x);
});通过此代码,当用户在图表上的空白区域单击或双击时,x 轴上的相应值将被复制到剪贴板。










