高图中x y轴上的相同比例

Question

我正在尝试使用Javascript和highcharts绘制轨迹，类似于这个最小的例子：

$(function () { 

  $('#container').highcharts({
    chart: {
        type: 'line'
    },

    title: {
        text: 'PLOT'
    },

    xAxis: {
        title: {
            text: 'X'
        },
    },

    yAxis: {
        title: {
            text: 'Y'
        },
    },

    series: [{
        name: 'Trajectory',
        data: [[1,2],[5,0],[0,0],[3,4]]
    }]
  });
});

（http://jsfiddle.net/LLExL/3614/）

由于x和y上的值的单位是米，我想同样地缩放轴，否则我的轨迹将最终被高度扭曲（如果你熟悉Matlab，我想达到与标准matlab＆＃39; plot＆＃39;函数的＆＃39;轴相等选项相同的结果： ）

您对如何在highcharts中获得相同结果有任何想法吗？ 谢谢！

Answer 1

您可以控制x / yAxis设置width / height选项的宽度和高度：http://jsfiddle.net/LLExL/3622/

    xAxis: {
        height: 200, 
        width: 200,
        title: {
            text: 'X'
        },
        min: 0,
        max: 6
    },

    yAxis: {
        height: 200,            
        width: 200,
        title: {
            text: 'Y'
        },
        min: 0,
        max: 6
    },

我还添加了min和max以确保两个轴具有相同的比例。

Answer 2

您可以在X和Y轴上使用带有最小值和最大值的tickInterval：http://jsfiddle.net/LLExL/3620/

xAxis: {
    tickInterval: 2,
    min: 0,
    max: 6,
    ...
}