[Feature] How to display values on a curve corresponding to the horizontal and vertical axes about echarts HOT 6 OPEN

The desired effect is that clicking on a point on the chart will attach it to the nearest point on the x-axis of the line, and display the corresponding values on the y-axis and x-axis.
[中文：想要实现的效果是：点击图表上的点会吸附到折线上最近的x轴上的点，并显示对应y轴和x轴的值。]

from echarts.

This is the effect achieved now：

The existing code implementation is as follows, which cannot display the corresponding y-axis value, only the y-axis value of the clicked point can be implemented.
[中文：现有的代码实现如下，无法实现显示对应y轴的值，只能实现点击的点的y轴的值。]

code：
tooltip: {
// 选中数据显示标签
trigger: 'axis', // 坐标轴提示
axisPointer: {
type: 'cross', // 直线指示
axis: 'x',
snap: true,
},
formatter(params) {
console.log('formatter');
},
},

from echarts.

The reason why tooltip cross does not 'snap' to Y-axis is that Y-axis type is 'value', not 'category' (like X-axis).
A workaround with markLine is possible solution - Demo. You could also adapt it to a click event.

from echarts.

The reason why tooltip cross does not 'snap' to Y-axis is that Y-axis type is 'value', not 'category' (like X-axis). A workaround with markLine is possible solution - Demo. You could also adapt it to a click event.

May I ask how to manually adjust the division of the y-axis, as my original division had a markLine, which may conflict with your demo
[中文：请问这个y轴的划分是如何手动调节呢，因为我原有的划分是有markLine，导致会和你的demo冲突]

from echarts.

"division of the y-axis" ?

If you mean the labels (0,50,100,..), then see interval.

from echarts.

"division of the y-axis" ?

If you mean the labels (0,50,100,..), then see interval.

This is evenly distributed, and I want to implement the logic of dividing specified values
[中文：这个是均分的，想实现指定值划分的逻辑]

from echarts.