Javascript highchart中x y轴上的相同比例

我尝试使用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]]
    }]
  });
});

（）

由于x和y上的值的单位是米，我希望对两个轴进行相等的缩放，否则我的轨迹将最终高度扭曲（如果您熟悉Matlab，我希望获得与标准Matlab“绘图”函数的“轴相等”选项相同的结果： )

你对我如何在海图中达到同样的效果有什么想法吗？

---

谢谢大家!

您可以在X轴和Y轴上使用tickInterval和min和max：

---

您可以控制x/yAxis设置的宽度和高度

width

/

height

选项：

---

我还添加了

min

和

max

，以确保两个轴具有相同的比例。

感谢Raeen的提示，但是您的解决方案似乎仍然受到div容器大小的影响。为了寻找更具响应性的解决方案，我尝试构建一个（几乎）方形的容器，然后按照您的建议在绘图中使用“最小”和“最大”属性。因此，自己设置

容器的
宽度
和
高度
：谢谢！轴属性中最小/最大和高度/宽度的组合解决了我的问题！
xAxis: {
    tickInterval: 2,
    min: 0,
    max: 6,
    ...
}

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

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