2013-05-21 9 views
5

このチャートに新しいシリーズを追加すると、特定の日付範囲をハイライト/シェードできます。チャートの高さは100%にする必要があります。ハイチャート - ハイライト/シェードの日付範囲

私は別のエリアシリーズを使用していましたが、私はこのチャート上に2つの既存のエリアシリーズがあるので、私はそれが欲しかったので、私はそれを働かせることができませんでした。

特定のポイントを強調表示する必要があるかどうかを示す1または0を持つ別のシリーズを考えましたか?

{name: 'mydates', 
    color:'red', 
    fillOpacity: 0.3, 
    data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0], 
    type:'area', 
    stacking: 'percent' 
}, 

http://jsfiddle.net/L3ynM/

は私のサンプルでの問題: 'mydates' シリーズはmidchartを開始した場合

  • 'mydates' シリーズは、チャートの100%の高さ
  • を負いません。それは角度で始まります。私はそれはあなたが本当に伝説のエントリを必要とする場合を除き、私はplotBands代わり

    http://api.highcharts.com/highcharts#xAxis.plotBands

    あなたが本当にやる場合にも、このようにそれを行うことができますを使用することをお勧めしますストレート

+4

プロットバンドを試しましたか? http://api.highcharts.com/highcharts#xAxis.plotBandsまたは凡例を含むシリーズである必要がありますか? – jlbriggs

答えて

10

まで行きたいのですが

http://jsfiddle.net/jlbriggs/JVNjs/305/

data:[[1.5,0],[1.5,80],[2.25,80],[2.25,0]] 

それはPAに依存しています:凡例を必要とします最小値と最大値を設定し、それらの最小値と最大値をyデータポイントとして使用します。

+1

私は既にチャートに積み重ねられた領域があるので、2番目の方法を使用するとわかりません。 plotbandメソッドは完璧です、ありがとう! http://jsfiddle.net/L3ynM/2/ – Tom

+0

これを行うには、ラインをオーバーラップさせないでください。ラインを変更するのではなく、バックグラウンドとして機能させるなどです。また、不透明度は何もしないようです。 – KingOfHypocrites