SORU
6 Temmuz 2011, ÇARŞAMBA


Highcharts bir grafik tüm serisi verileri kaldırmak için doğru yolu?

GÜNCELLEME: Burada sorun gösteren bir jsfiddle: http://jsfiddle.net/pynju/1/

Pazartesi günü mavi sütun üzerine tıklayın. Ayrıntı görünümü yüklendiğinde, 01-07 3 sütun (2 bekleniyor) dikkat edin. Geri orijinal görünüme dönmek için uzun çubuğunu tıklatın. X ekseni üzerinde etiketleri kaldırılıyor olmadığını fark etmiş.

===============

2 serisi, barlar çift, yan yana gibi gösteren bir çubuk grafik var.

series: [{
         showInLegend: false,
         data: dowChartData
      },{
         showInLegend: false,
         data: avgUserDowChartData
      }],

.

dowChartData = [                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   {
                y: 98.74,
                color: '#0072ff',
                drilldown: {
                   name: 'Category Engagement - Sunday',
                   categories: ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23'],
                   data: [0,637,0,0,0,173,48.54,48.54,0,0,0,0,0,0,102.24,166.36,706.59,699.18,298.32,184.14,97.08,1539,0,1224.56],
                   color: '#0072ff',
                   data2: [506.80686467275,354.56354558498,333.25158689567,234.19283190879,234.82132336088,220.03247578171,222.86420797556,218.14034615202,170.42559544164,171.54776353196,249.24788461442,345.14915669555,206.65543589797,243.38811965637,367.02593304906,378.83677778129,467.45739743621,424.26264387522,639.60922934374,679.71299714907,373.26353846375,480.94380626458,551.82326068362,466.77469230724],
                   color2: '#C00'
                }
             }
AND SIMILAR

.

avgUserDowChartData = [                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         {
                y: 142.35,
                color: '#C00'
             },
AND SIMILAR

X ekseni ile hafta veri ilk veri olduğu gün: pazar - Pazartesi - Salı - - Perşembe - Cuma - Cumartesi Evleniyorum

İlk serisi yeni veri & veri2 ile ayrıntıya gitme öğesi vardır (yukarıda)

Örnek olarak geçiş yapmayı demo kodunu kullanarak, bu kodu var:

column: {
              borderWidth: 0,
            cursor: 'pointer',
            point: {
               events: {
                  click: function(event) {
                     var drilldown = this.drilldown;
                     if (drilldown) { // drill down
                        setChart(dowChart, drilldown.name, drilldown.categories, drilldown.data, drilldown.color, drilldown.data2, drilldown.color2);
                     } else { // restore
                        setChart(dowChart, '', dowCategories, dowChartData);
                     }
                  }
               }
            },

Grafik işleyicisi ayarlayın:

function setChart(chart, name, categories, data, color, data2, color2) {
      chart.xAxis[0].setCategories(categories);
//      chart.series[0].remove();
      for (var i = 0; i < chart.series.length; i  ) {
          chart.series[i].remove();
      }
      chart.addSeries({
         showInLegend: false,
         name: name,
         data: data,
         color: color || 'white'
      });
      if (typeof(data2) != undefined && data2.length > 0) {
          chart.addSeries({
             showInLegend: false,
             name: name,
             data: data2,
             color: color2 || 'white'
          });
      }
   }

İlk grafik ekranı gayet iyi: initial display

Mavi bar (araştırma veri kümesi) üzerine tıkladığınızda, bir şeyleri ilk 7 bulanık olsun x ekseni öğeler: drill down - broken display

Eğer ilk veri setleri kod tarafından kaldırılıyor değilse işte

for (var i = 0; i < chart.series.length; i  ) {
          chart.series[i].remove();
      }

Orijinal veri serisi/set sıfırlama niyetiyle barlardan birine tıklayın: reset data to original set - broken display

Yani kullandığım kaldırmak serisi kod çalışmıyor çok açık. Tamamen grafik ve her zaman tıklandığında ne bağlı olarak görüntülemek istiyorum 2 serisi verileri kaldırmak için en iyi yolu nedir?

CEVAP
11 AĞUSTOS 2011, PERŞEMBE


bu, tüm grafik serisi kaldırmak için çalışın

while(chart.series.length > 0)
    chart.series[0].remove(true);

bu benim için çalışıyor. kod

for (var i = 0; i < chart.series.length; i  )

chart.series.length her zaman düşer çünkü işe yaramaz remove() denir. Bu şekilde, i asla beklenen uzunluğa ulaşacak. Bu yardımcı olur umarım.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Maya Learning Channel

    Maya Learnin

    23 HAZİRAN 2010
  • Submissions101

    Submissions1

    23 ŞUBAT 2007
  • UberFacts

    UberFacts

    26 EKİM 2013