如何使用tickPositioner,在网格线(Yaxis)之间具有不同的距离



我想改变网格线(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],

或者,您可以使用其他类型的轴,然后按照注释中的建议进行分类("线性" - 默认轴)并调整数据。

最新更新