javascript - Highcharts 中 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 'plot' 函数的 'axis equal' 选项相同: )

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