Javascript Highcharts-每隔一个x轴类别显示一次

我设置了Highcharts来显示一个包含一系列xAxis类别的图形。这一切都很好，但我想能够跳过一些xAxis类别，所以并不是所有的一个显示。您可以在Campaign Monitor的报告部分（屏幕截图：）中看到这一工作的示例

---

知道如何实现相同的布局吗？

您可以将xAxis类型设置为“datetime”，然后在plotoptions中设置pointInterval和PointStart

代码示例：

var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        "xAxis": {
            "type": "datetime"

        "plotOptions": {
            "line": {
                "pointInterval": 86400000,
                "pointStart": 1282408923000
            }
        },
    });
});

您看到的pointInterval和Start的数字是以毫秒为单位的，在您的情况下，您可以使用86400000毫秒（即一天）的间隔生成这些数字。库根据您的数据间隔显示适当的间隔。

以下是我的解决方案：）

我使用数组作为队列。 如果将点数据填充到队列中，则可以为图表系列设置数据

var myQueue = new Array();
var myPoint = [x, y];                                       myQueue.push(myPoint);
chart.series[0].setData(myQueue);

my X axis is not a datetime, it's an integer
first 
var x = 0;

需要新点时，x值应始终递增。

---

似乎应该使用xAxis:labels:step值来实现这一点：

        xAxis: {
            categories: ['JAN', 'FEB', 'MAR', 'APR', 'MAY'],
            labels:{
                step: 2 // this will show every second label
            }
        },

---

太晚了，但我认为这可以帮助某人解决问题。

这些pointInterval和pointStart与“系列”选项中的有何不同？说实话，我已经有几个月没有看过highcharts了，但如果我没记错的话，这是由于datetime格式，它为您计算出了时间间隔，而不是使用系列。希望能有帮助。这个特定的解决方案就像一个图表的魅力一样，我在奇数年（在本例中是1997年1月1日）开始使用日期时间xAxis。试图调整时间间隔以显示每隔一年的时间，结果在1996年启动了轴，在我的图表中没有数据。谢谢你！

        xAxis: {
            categories: ['JAN', 'FEB', 'MAR', 'APR', 'MAY'],
            labels:{
                step: 2 // this will show every second label
            }
        },