Highcharts - إظهار كل فئة محاور X أخرى

Question

لقد قمت بإعداد HighCharts لعرض رسم بياني مع مجموعة من فئات Xaxis. كل هذا يعمل بشكل جيد ، لكنني أود أن أكون قادرًا على تخطي بعض فئات 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 هي في ملليسيونس التي يمكنك توليدها باستخدام احصل على وقت() سيكون الفاصل الزمني في قضيتك 86400000 مللي ثانية. تعرض المكتبة فترات مناسبة بناءً على فاصل بياناتك.

Answer 2

يبدو أن xaxis: التسميات: قيمة الخطوة هي ما ينبغي استخدامه لإنجاز هذا:

        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

ها هو الحل القبيح :)

أنا أستخدم Array في قائمة انتظار. http://javascript.about.com/library/blqueue.htmإذا قمت بملء بيانات Point إلى قائمة الانتظار ، فيمكنك تعيين البيانات لسلسلة المخططات الخاصة بك.

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