2013-04-27 10 views
7

हाईचर्ट्स लाइन चार्ट में ग्राफ़ रंग को ऊपर और नीचे प्लॉटलाइन को कैसे बदलें, मैं प्लॉटलाइन के मूल्य के संबंध में इसके मूल्य के आधार पर श्रृंखला श्रृंखला का रंग कैसे सेट करूं?हाईचार्ट्स

उदाहरण के लिए, अगर मैं एक कथानक y = 15, है कि कैसे मैं श्रृंखला रंग हरा कर सकता है जब y < 15 और लाल जब 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

आप इस threshold के संयोजन के साथ क्या कर सकते हैं और 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

संबंधित मुद्दे