Highcharts：刻度点和x轴点相距很远答案

【问题标题】：Highcharts: Tick point and x axis point is far from each otherHighcharts：刻度点和x轴点相距很远
【发布时间】：2018-08-21 08:35:07
【问题描述】：

一个问题是线的第一个点在 7 月 15 日，但 7 月 15 日没有显示在 x 轴上，当您将鼠标悬停在它上面时它会显示，而列的第一个点在 7 月 8 日。第二个问题是（条和线的）两个点都有距离，应该相互对齐。

$('#container').highcharts({

    chart: {
        renderTo: 'container'
    },
    xAxis: [{
        type: 'datetime'
    }, {
        type: 'datetime'

    }],
    series: [{field_name: "ordered_revenue",   type: "spline",   name: "Grouped ordered_revenue",   connectNulls: true,   data:     [[1531681200000, 566.76],
[1531767600000, 604.26],
[1531854000000, 742.78],
[1531940400000, 545.55],
[1532026800000, 252.16],
[1532113200000, 468.67],
[1532199600000, 426.68]]},  {field_name: "ordered_revenue",   type: "column",   name: "Grouped ordered_revenue Prior Priod",   connectNulls: true,   xAxis: 1,   data:     [[1531681200000, 510.61],
[1531767600000, 346.74],
[1531854000000, 327.57],
[1531940400000, 269.34],
[1532026800000, 372.34],
[1532113200000, 231.38],
[1532199600000, 442.09]]}]

});

【问题讨论】：

您有问题吗？
是的，亲爱的，我怎样才能以相等的对齐方式显示第一个点。
可能是通过给出适当的坐标，但不能帮助，因为你没有代码来显示它们是如何被绘制的，嗯。
好的，我可以用很少的代码编辑我的问题
请检查我是否已使用代码 @ForeverZer0 更新了我的问题

标签： ruby-on-rails ruby highcharts

【解决方案1】：

列系列导致另一种渲染 xAxis 的方式。您需要将列系列上的 pointPlacement 设置为 on。

series: [{
    field_name: "ordered_revenue",
    type: "spline",
    name: "Grouped ordered_revenue",
    connectNulls: true,
    data: [
        [1531681200000, 566.76],
        [1531767600000, 604.26],
        [1531854000000, 742.78],
        [1531940400000, 545.55],
        [1532026800000, 252.16],
        [1532113200000, 468.67],
        [1532199600000, 426.68]
    ]
}, {
    field_name: "ordered_revenue",
    type: "column",
    pointPlacement: 'on',
    name: "Grouped ordered_revenue Prior Priod",
    connectNulls: true,
    xAxis: 1,
    data: [
        [1531681200000, 510.61],
        [1531767600000, 346.74],
        [1531854000000, 327.57],
        [1531940400000, 269.34],
        [1532026800000, 372.34],
        [1532113200000, 231.38],
        [1532199600000, 442.09]
    ]
}]

API 参考：https://api.highcharts.com/highcharts/series.column.pointPlacement

现场演示：http://jsfiddle.net/BlackLabel/qp3wcgxo/

【讨论】：