2016-04-07 22 views
0

Bir "scatter" grafiği ve "columnrange" grafiğini birden çok y ekseni ile çizmeye çalışıyorum (örneğin, ortak x ekseni ile birbirinin üzerine yığılmış iki grafik) . Dağılım grafiği, belirli bir ayda meydana gelen bir olayı temsil eder ve sütun aralıklı çizim, bir olayın zaman süresini temsil eder. Her iki grafik de bir ve tek olay tipini temsil eder. Birçok şeyi denedim, ancak gereksinimlerim doğrultusunda bir grafik üretemedim. Birden çok y ekseni ile dağılım ve sütun grafiği çizilemiyor

$(function() { 
    $('#container').highcharts({ 
    title: { text: null }, 
    subtitle: { text: null }, 
    legend: { enabled: false }, 
    xAxis: { 
     type: 'datetime', 
     title: { text: null } 
    }, 
    yAxis: [{ 
     top: 10, 
     height: 60, 
     offset: 0, 
     title: { text: 'Plot 1'} 
    },{ 
     top: 80, 
     height: 60, 
     offset: 0, 
     title: { text: 'Plot 2'} 
    }] 
    }); 
chart = $('#container').highcharts(); 
    chart.addSeries({ 
    yAxis: 0, 
    type: 'scatter', 
    marker: { 
     enabled: true, 
     symbol: 'triangle' 
    }, 
    data: [[1356977700000,1], [1359656100000,1], [1364753700000,1]] 
    }); 
    chart.addSeries({ 
    yAxis: 1, 
    type: 'columnrange', 
    data: [[1356977700000, 1359656100000], [1362075300000, 1364753700000]] 
    }); 
}); 

Bu

ben columnrange graph temsil etmek istiyorum nasıl Bu benim current plot Ayrıca

(İkinci grafik yerine 'columnrange' arasında 'sütunu' grafik olarak davranıyor) Ben bulmak istiyorum benziyor nasıl dağılım grafiği için atanan alanın ortasındaki dağılım grafikleri. Bunu nasıl başarabilirim. (Şu anda dağılım grafiği için y = 1 ayarladık.)

+0

bir min ayarlamak ve y ekseni için karıştırabilirsiniz. Y değerleriniz 1 ise, minimum/maks. 0/2 ayarlayın ve puanlarınız ortada hizalanacaktır. İkinci kısım için çalışan – jlbriggs

+0

evet. Ama bu benim ana sorunumu düzeltmez. Birden çok y ekseni ile bir grafikte dağılım grafiği ve köşe çizimini çizemiyorum. –

cevap

1

columnrange dizisinin tersine çevrilmesi için bir grafiğin ters çevrilmesi gerekiyor.

Aynı yatay çizgiyi paylaşmak için columntange puan istiyorsanız, o zaman noktalar için aynı x değerini ayarlayın.

Örnek: http://jsfiddle.net/ubdxdqnh/