ช่วงเวลาขีด Highchart เป็นเวลา 5 วัน

ดูเหมือนฉันไม่สามารถทราบวิธีกำหนดช่วงเห็บได้อย่างถูกต้อง จำเป็นต้องมีเครื่องหมายที่มีความแตกต่าง 5 วันบนแกน X ฉันต้องการแสดงแกน x เช่น '1 March , 5 March , 10 March , 15 March ' ฯลฯ

ตัวอย่างซอ

สคริปต์ Java ที่ระบุด้านล่าง

            <script type="text/javascript">
            $(function () {
            $('#container').highcharts({
                chart: {
                    zoomType: 'x'
                },
                title: {
                    text: 'USD to EUR exchange rate from 2006 through 2008'
                },
                subtitle: {
                    text: document.ontouchstart === undefined ?
                            'Click and drag in the plot area to zoom in' :
                            'Pinch the chart to zoom in'
                },
                xAxis: {
                    type: 'datetime',
                    tickInterval:24 * 3600 * 1000,
                },
                yAxis: {
                    title: {
                        text: 'Exchange rate'
                    }
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    area: {
                        fillColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
                            stops: [
                                [0, Highcharts.getOptions().colors[0]],
                                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                            ]
                        },
                        marker: {
                            radius: 2
                        },
                        lineWidth: 1,
                        states: {
                            hover: {
                                lineWidth: 1
                            }
                        },
                        threshold: null
                    }
                },

                series: [{
                    type: 'area',
                    name: 'USD to EUR',
                    pointInterval: 24 * 3600 * 1000,
                    pointStart: Date.UTC(2015, 2, 1),
                    data: [[140],[127],[35],[132],[192],[179],[131],[206],[92],[57],[352],[370],[281],[282],[128],[100],[33],[215],[154],[226],[225],[334],[105],[60],[264],[227],[151],[115],[184],[74]]        
                }]
            });
            });
            </script>

ขอบคุณ


person sijo vijayan    schedule 30.03.2015    source แหล่งที่มา
comment
มีอะไรผิดปกติที่นี่? มันแสดงตัวเลขหลังเดือนเมษายน เนื่องจากคุณไม่ได้บอกว่าควรแสดงอะไรหลังเดือนเมษายน   -  person Burak Karakuş    schedule 30.03.2015
comment
ฉันต้องการแสดงข้อมูลทั้งหมดระหว่างเดือนมกราคมถึงเมษายน   -  person sijo vijayan    schedule 30.03.2015
comment
กำลังแสดงข้อมูลที่คุณระบุไว้ในอาร์เรย์ series.data คุณหมายถึงอะไรข้อมูลเต็ม?   -  person Burak Karakuş    schedule 30.03.2015
comment
หากข้อมูลอยู่ระหว่างเดือนมกราคมถึงเมษายน คุณจะต้องระบุวันที่ที่เจาะจง ไม่สามารถเดาได้ว่าคะแนนอยู่ที่ไหน คุณสามารถแทรกป้ายกำกับว่างระหว่างแต่ละเดือนได้หากคุณยืนยัน category แต่ฟังดูเหมือนเป็น datetime   -  person Halvor Holsten Strand    schedule 30.03.2015
comment
ฉันได้อัปเดตคำถามของฉันแล้ว โปรดช่วยฉันด้วย   -  person sijo vijayan    schedule 30.03.2015


คำตอบ (2)


คุณสามารถใช้ tickPositioner ได้ตลอดเวลา สาธิต: http://jsfiddle.net/96x5dz5c/2/

xAxis: {
    type: 'datetime',
    tickInterval:24 * 3600 * 1000 * 5,
    tickPositioner: function(min, max){
         var interval = this.options.tickInterval,
             ticks = [],
             count = 0;

        while(min < max) {
            ticks.push(min);
            min += interval;
            count ++;
        }

        ticks.info = {
            unitName: 'day',
            count: 5,
            higherRanks: {},
            totalRange: interval * count
        }


        return ticks;
    }
},
person Paweł Fus    schedule 31.03.2015
comment
คำตอบของคุณถูกต้อง นี่คือสิ่งที่ฉันต้องการอย่างแน่นอน ขอบคุณมาก - person sijo vijayan; 01.04.2015

ปัญหาเห็บเป็นคุณลักษณะของ Highcharts ไม่รองรับตัวเลขทั้งหมดเป็นช่วงเวลา สิ่งที่ฉันหมายถึงมีการรายงานที่นี่: https://github.com/highslide-software/highcharts.com/issues/1104

ซึ่งหมายความว่าคุณไม่สามารถทำสิ่งที่คุณต้องการด้วย Highcharts ได้ ฉันแนะนำให้คุณดู jquery flot รองรับสิ่งที่คุณต้องการ https://flot.googlecode.com/svn/trunk/API.txt

person Burak Karakuş    schedule 30.03.2015