2016-04-07 1 views
0

複数のy軸を持つ散布図と「列範囲」グラフをプロットしようとしています(つまり、2つのグラフが共通のx軸で重ねられています) 。散布図は、特定の月に発生したイベントを表し、列のプロットは、イベントの継続時間を表します。どちらのグラフも、1つの唯一のイベントタイプを表します。私は多くのことを試しましたが、私の必要条件でグラフを作成することができませんでした。複数のy軸を持つ散布図と列範囲グラフをプロットできない

$(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]] 
    }); 
}); 

これは私がこれは私のcurrent plotは、(第2のグラフではなく、「columnrange」の列 'グラフとして動作している)ように見える方法ですcolumnrange graph を表現する方法である

また、私は見つけたいです散布図に割り当てられた領域の中央に散布図が表示されます。どうすればそれを達成できますか? (現在、散布図にy = 1と設定しています)

+0

y軸にminとmixを設定できます。 yの値が1の場合、最小値/最大値0/2を設定すると、ポイントは中央に揃えられます。 – jlbriggs

+0

はい、それは2番目の部分のために働いた。しかし、それは私の主な問題を解決するものではありません。私は複数のy軸を持つ1つのグラフに散布図と列範囲図をプロットできません。 –

答えて

1

columnrange系列を反転させるには、チャートを反転する必要があります。

columntangeポイントが同じ水平線を共有したい場合は、ポイントに同じx値を設定します。

例:http://jsfiddle.net/ubdxdqnh/

関連する問題