फ़्लोट: ग्रिड और पृष्ठभूमि के दाएं किनारे पर लंबवत रेखा जोड़ें

Question

मैंने कल Flot की खोज की और मुझे उत्सुकता है कि अगर मैं अपने ग्राफ में एक लंबवत रेखा जोड़ सकता हूं और रेखा के दाईं ओर एक अलग पृष्ठभूमि रख सकता हूं। y- अक्ष पर डेटा जोड़कर एक अतिरिक्त पंक्ति अब मैं जोड़ दिया है के लिए http://jsfiddle.net/cncvL/1/(Flot उदाहरण से विकसित)

लेकिन यह है कि एक वांछित समाधान नहीं है:

यह मेरा ग्राफ अब तक है।

Answer 1

आप "ग्रिड" संपत्ति की "चिह्न" संपत्ति का उपयोग लाइन के दोनों ओर अलग-अलग रंग रखने के लिए कर सकते हैं। जैसे कहने के लिए अपने JSFIDDLE संपादित:

grid: { 
     backgroundColor: 
     { 
      colors: ["#FFF", "#DDD"] 
     }, 
     markings: [ 
      {xaxis: {from: 1, to: 10}, yaxis: {from: -3, to: 12}, color: "#eeeeff"}, 
      {xaxis: {from: 10, to: 14}, yaxis: {from: -3, to: 12}, color: "#eeffee"}, 
      {xaxis: {from: 10, to: 10},       color: "#0000bb"} 
     ] 
    }, 

तुम भी उपयोग कर सकते हैं एक सरल रेखा तीसरे 'xaxis' आकर्षित करने के लिए ऊपर, बल्कि यह तरीका है कि आप (एक और श्रृंखला) किया था कर रही है।