代码之家 › 专栏 › 技术社区 › Ian McIntyre Silber

高图表-显示其他x轴类别

highcharts charts graph datetime javascript

Ian McIntyre Silber · 技术社区 · 15 年前

我已经设置了Highcharts来显示一个带有一堆xAxis类别的图。这一切都很好,但我想能够跳过一些xAxis类别,所以不是所有的一个显示。您可以在Campaign Monitor的报告部分看到一个这样的示例(屏幕截图: http://screencast.com/t/Y2FjNzQ4Y ).

你知道我怎样才能达到同样的布局吗?

4 回复 | 直到 15 年前

Gazler 15 年前

可以将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的数字以毫秒为单位,您可以使用 getTime() 你的时间间隔是86400000毫秒,也就是一天。库根据数据间隔显示适当的间隔。

dcaswell 12 年前

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

Step Axis Labels

太晚了,但我想这能帮上忙。

animuson 14 年前

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

David Jones 11 年前

这是我丑陋的解决方法:)

我使用数组作为队列。 http://javascript.about.com/library/blqueue.htm 如果将点数据填充到队列中,则可以为图表系列设置数据。

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;

http://dl.dropbox.com/u/3482121/picture/highcharts/PM/Screenshot.png