我想改变网格线(Y 轴)之间的距离。他们告诉我,我应该使用"tickPositioner"......但是我还没有弄清楚如何...
我有这个代码:
yAxis: {
reversed: true,
categories: ['0','10','20','30','50','80','130','210','340','550','700'],
labels: {
format: '{value} km',
enabled: true
},
title: {
text: "profondita'"
}
},
xAxis: {
min: 0,
max: 10,
labels: {
enabled: true
},
gridLineWidth: 1,
title: {
text: '<small><b>'+"Longitudine"+'</b></small>',
}
},
zAxis: {
min: 0,
max: 10,
labels: {
format: '{value} Lat',
enabled: true
},
title: {
text: "Latitude"
}
},
series: [{
colorbypoint:
{ color: "#FF0000"},
data: [
// [X, Y, Z]
[1, 1, 1],
[1, 9, 2],
[1, 1, 5],
[2, 3, 2],
[2, 6, 4],
[4, 5, 7],
[4, 2, 8],
[7, 1, 3],
[7, 1, 5],
[8, 1, 5]
],
}]
我将在第一个类别和第二个类别之间有 50px(值介于 0 和值 10 之间),在第二个类别和第三个类别之间有 70 px(在值和值 10 20 之间)。
如果你不能给我看一个小例子,你可以告诉我应该怎么做?我在StackOverflow上搜索,但没有找到任何有用的东西
您可以使用空类别,但只能设置单个标签距离的倍数。示例:http://jsfiddle.net/j86jkfvj/69/
categories: ['0', '10', '20', '30', '40','50','60','70', '80','90','100','110','120', '130', '210', '340', '550', '700'],
tickPositions: [0,1,2,3,5,8,13],
或者,您可以使用其他类型的轴,然后按照注释中的建议进行分类("线性" - 默认轴)并调整数据。