javascript - 具有相等轴缩放的Highcharts图

我正在尝试使用Highcharts绘制二维轨迹。我目前的最小例子如下所示。

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript">
    $(function(){
        $('#container').highcharts({
            series: [{
                data: [[1, 2], [2, 2.01], [3, 2]],
            }],
        });
    });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

如何对两个轴强制执行相等的缩放？ 在我的例子中，垂直轴太拉伸了。

我已经看到a solution为两个轴设置了width，height，min和max。但由于我是以编程方式创建此绘图而我不知道渲染的div的大小，因此很难设置这些值。

具有相等轴缩放的Highcharts图

0 个答案: