高图中xy轴上的比例相同

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``绘图''功能的``轴相等''选项： ）

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

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以确保两个轴具有相同的比例。