ハイチャート - 他のすべての X 軸カテゴリを表示します

Question

多数の xAxis カテゴリを含むグラフを表示するように Highcharts を設定しました。これはすべて正常に機能していますが、xAxis カテゴリの一部をスキップできるようにしたいので、すべてが表示されるわけではありません。Campaign Monitor のレポート セクションでこの例を確認できます (スクリーンショット: http://screencast.com/t/Y2FjNzQ4Y).

これと同じレイアウトを実現するにはどうすればよいでしょうか?

Answer 1

Xaxisタイプを「DateTime」として設定し、PointIntervalとPointStartをプロットで設定できます。

コード例：

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

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

PointIntervalとStartに表示される数字は、使用できるMilliseciondsにあります 時間をもらう（） あなたの場合の間隔は86400000MSで、1日です。ライブラリは、データ間隔に基づいて適切な間隔を表示します。

Answer 2

Xaxis：Labels：Step Valueは、これを達成するために使用する必要があるものです。

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

ステップ軸ラベル

非常に遅いですが、これは誰かを助けることができると思います。

Answer 3

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

Answer 4

これが私の醜い解決策です:)

配列をキューとして使用しています。 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;

新しい点が必要な場合は、x 値を常に増分する必要があります。http://dl.dropbox.com/u/3482121/picture/highcharts/PM/Screenshot.png