在ParallelCoordinates中拖放的拖动灵敏度

Question

我很难在不同范围的不同y轴上获得相似的拖动灵敏度。示例代码可以在这里找到https://jsfiddle.net/dalesh/xnvompad/4/第二个和第三个Y轴在轴上的拖放速度与第一个1不同。它似乎与第一个Y轴的范围有关。

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/draggable-points.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/parallel-coordinates.js"></script>
<link rel="stylesheet" href="parallel.css">
<script src="https://code.highcharts.com/modules/data.js"></script>

<div id="container"></div>
<script src="parallel.js"></script>

Highcharts.chart('container', {
chart: {
type: 'spline',
parallelCoordinates: true,
parallelAxes: {
lineWidth: 2
}
},
title: {
text: 'Parallel Plot'
},
xAxis: {
categories: [
'Miles / 100',
'Miles / 10',
'Miles '
],
},
yAxis: [ {
min: 0,
max: 0.1
}, {
min: 0,
max: 1
}, {
min: 0,
max: 10
}],
series: [
{
name: 'Runner 1',
data: [
{y:0.05,
x:0,
dragDrop: {
draggableY: true,
//dragPrecisionY:0.001,
},
marker: {
enabled:true,
symbol: 'triangle',
width:25,
height:25
},
},

{y:0.5,
x:1,
dragDrop: {
draggableY: true,
dragPrecisionY:0.01,
},
marker: {
enabled:true,
symbol: 'triangle',
width:25,
height:25
},
},
{y:5,
x:2,
dragDrop: {
draggableY: true,
//dragPrecisionY:0.1,
},
marker: {
enabled:true,
symbol: 'triangle',
width:25,
height:25
},
},
],
shadow: false,
dragDrop: {
draggableY: true,
},

}
]
})

Answer 1

它不起作用，因为你所有的点都只与第一个yAxis相关联，看:https://jsfiddle.net/BlackLabel/tgcyz9sf/

注意max和min限制了图表。

只有序列可以绑定到特定的yAxis，而不是点:https://api.highcharts.com/highcharts/series.line.yAxis

演示:https://jsfiddle.net/BlackLabel/rnjda0gh/