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

时间:2015-01-30 10:40:22

标签: highcharts

我想改变网格线之间的距离(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]
        ],

    }]

我在第一个类别和第二个类别(0到10之间的值)之间有50px,在第二个类别和第三个类别之间有70个px(在值和值10之间)20。 / p>

如果你不能给我一个小例子,你可以告诉我应该怎么办?我在StackOverflow上搜索但没有找到任何有用的东西

1 个答案:

答案 0 :(得分:0)

您可以使用空类别,但只能设置单个标签距离的倍数。 示例: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],

或者您可以使用其他类型的轴,然后按照评论中的建议进行分类(&#39;线性&#39; - 默认值)并调整您的数据。