Highcharts - 显示所有其他x轴类别

Question

我将Highcharts设置为显示带有一堆xAxis类别的图形.这一切都运行正常,但我希望能够跳过一些xAxis类别,因此不会显示所有内容.您可以在Campaign Monitor的报告部分中查看此示例(屏幕截图:http://screencast.com/t/Y2FjNzQ4Y).

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

Answer 1

看起来像xAxis:labels:step值应该用来完成这个:

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

步轴标签

超级晚了,但我认为这可以帮助别人.

Answer 2

    xAxis: {
        categories: categoriesname,
        labels: {
            style: {
                color: '#000',
                font: '9px Trebuchet MS, Verdana, sans-serif'
            }
        },
        **tickInterval: TickInterval,**// SET THIS
        tickPixelInterval: 80,
        tickmarkPlacement: 'on'
    },

Answer 3

您可以将 xAxis 类型设置为“datetime”，然后在绘图选项中设置 pointInterval 和 PointStart。

代码示例：

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

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

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