how to link the scatter graphs in two div? When the mouse points to a point in the first picture, there will be an enlarged animation. How to make the points in the same order in the second picture have the same magnified animation? Using connect can only link tooltip, but not animation. Ask for advice
the following is a manual linkage code, but only datazoom can be linked to achieve, where is the problem? Thank you
bindAction ([myChart1, myChart2]);
function bindAction (chartList) {
echarts.util.each(chartList, function (fromChart) {
echarts.util.each(chartList, function (toChart) {
if (fromChart === toChart) {
return;
}
fromChart.on("legendselectchanged", function (params) {
toChart.dispatchAction({type: "legendToggleSelect", name: params.name}, true);
});
fromChart.on("highlight", function () {
toChart.dispatchAction({type: "highlight", dataIndex: params.seriesIndex}, true);
console.log(params);
});
fromChart.on("downplay", function () {
toChart.dispatchAction({type: "downplay", dataIndex: params.seriesIndex}, true);
});
fromChart.on("updateAxisPointer", function (params) {
toChart.dispatchAction(
toChart.makeActionFromEvent(params),
true
);
});
fromChart.on("dataZoom", function (params) {
toChart.dispatchAction({
type: "dataZoom",
dataZoomIndex: params.batch[0].dataZoomIndex,
start: params.batch[0].start,
end: params.batch[0].end
}, true);
});
});
});
}