2013-04-27 25 views
7

HighCharts Line Chartでは、系列線の色をプロット線の値に応じてどのように設定するのですか。Highchartsでグラフの色を上下に変更する方法

私はplotline y = 15を持っている場合は、thresholdの組み合わせでこれを行うことができますy > 15

http://jsfiddle.net/adamtsiopani/YBMny/

$('#container').highcharts('StockChart', { 


    rangeSelector: { 
     selected: 1 
    }, 

    title: { 
     text: 'KPN Year View' 
    }, 

    yAxis: { 
     plotLines: [{ 
      label: { 
       text: 'Baseline', 
       x: 25 
      }, 
      color: 'orange', 
      width: 2, 
      value: 15, 
      dashStyle: 'longdashdot' 
     }], 
    }, 

    series: [{ 
     name: 'KPN12345', 
     data: [ 
      [1327881600000, 11], 
      [1327968000000, 18], 
      [1328054400000, 12], 
      [1328140800000, 5], 
      [1328227200000, 11], 
      [1328486400000, 17], 
      [1328572800000, 10], 
      [1328659200000, 10], 
      [1328745600000, 15], 
      [1328832000000, 10], 
      [1329091200000, 11] 
     ] 
    }] 
}); 

答えて

19

y < 15と赤たとえば、どのように私は、一連の色が緑色に作ることができますおよびnegativeColorシリーズオプション。

 series: [{ 
     name: 'KPN12345', 
     data: [ 
      [1327881600000, 11], 
      etc... 
     ], 
     threshold: 15, 
     negativeColor: 'green', 
     color: 'red', 
     tooltip: { 
      valueDecimals: 2 
     } 
    }] 

フィドールhere

enter image description here

+0

パーフェクト、感謝:) – Adam

+0

が、この値に基づいて、ツールチップのテキストの色を変更することも可能ですか? – Adam

+2

@Adamski:これを行うには、おそらくカスタムのツールチップフォーマッタを追加する必要があります。例を見てください:http://jsfiddle.net/YBMny/7/ – Mark

関連する問題