设置yAxis scale:true,取消b图例,a曲线会因为scale:true,整个曲线上移,然后再去拖拽a曲线的点,就变得不可拖拽
配置项如下
var symbolSize = 20;
var data = [[15, 10], [-50, 10], [-56.5, 20], [-46.5, 30], [-22.1, 40]];
option = {
title: {
text: 'Try Dragging these Points'
},
legend:{show:true},
tooltip: {
triggerOn: 'none',
formatter: function (params) {
return 'X: ' + params.data[0].toFixed(2) + '<br>Y: ' + params.data[1].toFixed(2);
}
},
grid: {
},
xAxis: {
min: -100,
max: 80,
type: 'value',
axisLine: {onZero: false}
},
yAxis: {
scale:true,
type: 'value',
axisLine: {onZero: false}
},
series: [
{
id: 'a',
name:'a',
type: 'line',
smooth: true,
symbolSize: symbolSize,
data: data
},
{
type: 'line',
name:'b',
smooth: true,
symbolSize: symbolSize,
data: [[15, 20], [-50, 100], [-56.5, 200], [-46.5, 300], [-22.1, 400]]
}
]
};
if (!app.inNode) {
setTimeout(function () {
// Add shadow circles (which is not visible) to enable drag.
myChart.setOption({
graphic: echarts.util.map(data, function (item, dataIndex) {
return {
type: 'circle',
position: myChart.convertToPixel('grid', item),
shape: {
cx: 0,
cy: 0,
r: symbolSize / 2
},
invisible: true,
draggable: true,
ondrag: echarts.util.curry(onPointDragging, dataIndex),
z: 100
};
})
});
}, 0);
window.addEventListener('resize', updatePosition);
}
myChart.on('dataZoom', updatePosition);
function updatePosition() {
myChart.setOption({
graphic: echarts.util.map(data, function (item, dataIndex) {
return {
position: myChart.convertToPixel('grid', item)
};
})
});
console.log('ttt')
}
function onPointDragging(dataIndex, dx, dy) {
data[dataIndex] = myChart.convertFromPixel('grid', this.position);
// Update data
myChart.setOption({
series: [{
id: 'a',
data: data
}]
});
console.log('ssss')
}