SORU
22 Ocak 2015, PERŞEMBE


Nasıl Highcharts sütun aralığı grafik aralığı ve navigator fonksiyonları kullanarak oluşturmak için?

Arsa için bir şartı vartarih çalıştırınbirgörevHighcharts. Yatay bir çubuk olarak görev geçmişi göstermek gerekir. Bir güncelleme olarak aşağıda ekledim ek gereksinimleri vardır. Son zamanlarda inverted seçeneği StockChart desteklenmeyen ve sadece 14 * & * 15 ** StockChart mevcut olduğunu öğrendim. Bu nedenle bu fonksiyonları kullanıyorum.

Bu yüzden önlenmesi için mümkün olan gereksinimi yarattım benzer bir şey this jsfiddle example (bulunan yerlerde ise tarama hatırlamıyorum kaynağı) ve sona erdi this plunker link ile yardım benim önceki question sayesinde Pawel Fus

Güncelleme karışıklığı önlemek için soru

Ek gereksinimler:

Göstersadece bu görevlerhangikoştubir özellikletarih ve zaman aralığı. Orada çok fazla çalışır, gibi 10'dan fazla çalıştırmak, sonra da yok edilmesi gerek bir şekilde görüntülemek için sadece 10 görevleri gözle görülür bir y ekseni kaydırılan olduğunu göstermek için diğer görevler. plunker link to the problem

Yukarıda plunker sorunu açıklaması.

Eğer ekran görüntüsü aşağıda yukarıda plunker gelen işaretlerseniz, zaman aralığı 12/12/2014 10:32:26 12/12/2014 09:32:26 ve 4* & m_ZIG2_HCP_MERGE_IB_CN *çalışan sadece 2 görevi vardır. Ancak bu bile tarih zaman aralığı koştu etmeyen LILLY_C arasında bir görev görüyorum. (Gerçek veri bile bu tarih altında girmemektedir olan bu grafik clutters 10'dan fazla görevi vardır zaman aralığı)

Ayrıca en sağ alt köşede zamanı 19:20 09:38 başlanabileceğini de dikkat edin. 19:20 m_ZIG2_HCP_MERGE_IB_CN görev zamanı. enter image description here Aşağıda grafik seçenekleri

    var chart_options = {
            chart: {
                renderTo: 'container',
                height: 600
            },
            title: {
            },
            credits: {
                enabled: false
            },
            xAxis: {
                type: 'datetime',
                gridLineWidth: 1,
                tickInterval: 1 * 3600 * 1000,
                dateTimeLabelFormats: {
                    month: '%b %e, %Y'
                }
            },
            yAxis: {                    
                tickInterval: 1,
                gridLineWidth: 1,
                labels: {
                    formatter: function() {
                        if (tasks[this.value]) {
                            return tasks[this.value].name;
                        }
                    }
                },
                startOnTick: false,
                endOnTick: false,
                title: {
                    text: 'Task'
                }
            },
            rangeSelector: {
                selected: 0,
                buttons: [ {
                    type: "minute",
                    count: 60,
                    text: "1h"
                }, {
                    type: "minute",
                    count: 180,
                    text: "3h"
                }, {
                    type: "minute",
                    count: 300,
                    text: "5h"
                }],
                inputDateFormat: '%m/%d/%Y %H:%M:%S',
                inputEditDateFormat: '%m/%d/%Y %H:%M:%S',
                inputBoxWidth: 120
            },
            navigator: {
                enabled: false
            },
            legend: {
                enabled: false
            },
            tooltip: {
                shared: false,
                formatter: function() {
                    var str = '';
                    str  = 'Task: '   this.series.name   '<br>';
                    str  = 'From: '   Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.from)   '<br>';
                    str  = 'To: '   Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.to)   '<br>';
                    return str;
                }
            },
            plotOptions: {
                line: {
                    lineWidth: 10,
                    marker: {
                        enabled: true
                    },
                    dataLabels: {
                        enabled: true,
                        align: 'left',
                        formatter: function() {
                            return this.point.options && this.point.options.label;
                        }
                    },
                    states:{
                        hover:{
                            lineWidth:10
                        }
                    }
                },
                series: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {
                                var query = '{ "task_id": "' this.task_id '","start_time": ' this.from ',"exclude_interval": ' opExcludeMinutes ',"size": 10 }';
                                $scope.taskName = this.series.name;
                                $scope.isTaskSelected = false;
                                $scope.operationalReportAgentTaskHistoryServiceRequest(query);
                            }
                        }
                    }
                }
            },
            series: seriesData
        };

CEVAP
6 HAZİRAN 2012, ÇARŞAMBA


Çok Apache bilgisine sahip, getServiceInfos() işlevini bir sorgu yaptığınızda yanlış alt klasöründen bilgi almak için çalışıyor gibi görünüyor. Veritabanının bulunduğu yerlerde ya da belirli bir klasör//tüm klasörleri yer arama bu arama Fonksiyonu yerini değiştirmeyi deneyin.

Yanlış ( Apache ile sınırlı yetenekleri var) olabilir.

Bu karışık ya yardımcı olmadıysa iyi şanslar dilerim.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • LIVESTRONG.COM

    LIVESTRONG.C

    5 EKİM 2005
  • RogerBuckChrist

    RogerBuckChr

    9 Temmuz 2011
  • TeachMeComputer

    TeachMeCompu

    31 EKİM 2009