如何在Highcharts同步图表中仅显示一个x轴标签

Question

我正在使用Highcharts同步图表显示三个不同的变量。但是，为了渲染更清晰的图形，我只想为底部图形显示x轴（所有三个图形都相同）。

为此，我想，我需要在生成过程结束时循环遍历图表，并取消前两个x轴，就像这样

for (i = 0; i < (Highcharts.charts.length - 1); i = i + 1) 
{
   chart = Highcharts.charts[i];
   chart.xAxis.labels.enabled = false;
}

Here is the default fiddle。

我没有成功使它起作用。有人可以帮我吗？

Answer 1

您可以根据图表索引设置xAxis.visible属性：

success: function (activity) {
    activity = JSON.parse(activity);
    activity.datasets.forEach(function (dataset, i) {

        ...

        Highcharts.chart(chartDiv, {
            xAxis: {
                visible: i === 2,
                ...
            },
            ...
        });
    });
}

---

实时演示： https://jsfiddle.net/BlackLabel/cmdb5at0/

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