Interval tick grafik tinggi selama 5 hari

Sepertinya saya tidak tahu cara mengatur interval centang saya dengan benar. Perlu diberi tanda centang dengan perbedaan 5 hari pada sumbu X. Saya ingin menampilkan sumbu x seperti '1 Maret, 5 Maret, 10 Maret, 15 Maret' dll

Contoh Biola

Skrip Java diberikan di bawah ini

            <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>

Terima kasih


jquery highcharts
person sijo vijayan    schedule 30.03.2015    source sumber
comment
Apa yang salah disini? Ini menunjukkan nomor setelah bulan April karena Anda tidak mengatakan apa yang harus ditampilkan setelah bulan April.   -  person Burak Karakuş    schedule 30.03.2015
comment
Saya ingin menampilkan data lengkap antara bulan Januari dan April   -  person sijo vijayan    schedule 30.03.2015
comment
Ini menunjukkan data yang Anda tunjukkan dalam array series.data Anda. Maksudnya data lengkapnya apa?   -  person Burak Karakuş    schedule 30.03.2015
comment
Jika datanya antara bulan Januari dan April maka Anda harus memberikan tanggal tertentu. Ia tidak bisa begitu saja menebak di mana letak poinnya. Anda dapat memasukkan label kosong di antara setiap bulan jika Anda bersikeras pada category, tetapi kedengarannya seperti datetime.   -  person Halvor Holsten Strand    schedule 30.03.2015
comment
Saya telah memperbarui pertanyaan saya, tolong bantu saya.   -  person sijo vijayan    schedule 30.03.2015

Jawaban (2)


arrow_upward
6
arrow_downward

Anda selalu dapat menggunakan tickPositioner, demo: 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
Jawaban Anda benar, inilah yang sebenarnya saya inginkan. Terima kasih banyak - person sijo vijayan; 01.04.2015

arrow_upward
0
arrow_downward

Masalah centang adalah fitur Highcharts. Itu tidak mendukung semua angka sebagai interval, maksud saya dilaporkan di sini: https://github.com/highslide-software/highcharts.com/issues/1104

Artinya Anda tidak dapat melakukan apa yang Anda inginkan dengan Highcharts. Saya menyarankan Anda untuk melihat jquery flot. Ini mendukung apa yang Anda inginkan. https://flot.googlecode.com/svn/trunk/API.txt

person Burak Karakuş    schedule 30.03.2015