在 highcharts 中分割折线图的 x 轴

Question

所以我一直在寻找是否可以在 highcharts 中执行以下操作：

在 x 轴上，它不显示实际的 x 轴值，它是将图表分成 3 个部分的自定义标签。

有人知道这是否可行吗？

Answer 1

使用 Highcharts 将非常容易实现。您可以只使用两个 x-axes，隐藏第一个并根据您的需要调整第二个。例如：

xAxis: [{
    visible: false
}, {
    lineWidth: 2,
    min: -0.5,
    max: 2.5,
    gridLineWidth: 1,
    categories: ['30 Days Before', 'Insight Period', '30 Days After']
}]

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

API参考：https://api.highcharts.com/highcharts/xAxis

在 highcharts 中分割折线图的 x 轴

Segmenting x-axis of a line chart in highcharts

highcharts