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

Highcharts同步图表如何只显示一个x轴标签

How to display only one x-axis labels in Highcharts synchronized charts

javascript

label

axis

highcharts