Question

设置最小值和最大值时，是否可以在折线图上使用minPadding或maxPadding？

我的x轴看起来像这样：

 xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: { // don't display the dummy year
                month: '%e. %b',
                year: '%b'
            },
            title: {
                text: 'Date'
            },
            min: Date.UTC(1970, 9, 21),
            max: Date.UTC(1971, 5, 3),
            minPadding: 0.2
        },

minPadding似乎没有按预期工作。我的目标是尝试在折线图和柱形图上对齐日期刻度。

此处示例：

http://jsfiddle.net/gtx21hhx/1/

Answer 1

将两个不同图表上的线条和列排成一行总是很棘手。

我有两种不同的方法来解决这个问题：

1）在折线图中添加一个虚拟column系列，没有数据。这将迫使对齐。

2）使用两个垂直堆叠的y轴，而不是两个图表，然后对齐将默认为列对齐。

此外，如果您要坚持使用两个图表，请确保您具有相同的leftMargin - 您的x轴不会从同一点开始，它们将永远不会对齐。

以下是虚拟系列的示例：

http://jsfiddle.net/jlbriggs/gtx21hhx/4/

以下是如何在同一图表上设置多个y轴的示例：

http://jsfiddle.net/jlbriggs/py5cznd7/2/

在x轴上对齐日期刻度

1 个答案: