Next
Update
Prev
Default

You can draw as many ranges as you want, each with their own styles (color, label, color transparency, ... etc.).

If you want to draw a vertical range, then you need to set as horizontal="false" and to assign the horizontal axis value to the startValue and endValue attributes ( e.g. startValue="Mar", endValue="May" ).

...
  <backgroundElements>
    <GridLines/>
    <AxisMarker>
      <ranges>
        <AxisRange startValue="400" endValue="800" label="Range 1" labelHorizontalAlign="left">
          <fill>
            <SolidColor color="0x00FF99" alpha="0.2">
          </fill>
        </AxisRange>
        <AxisRange startValue="Mar" endValue="May" label="Range 2" labelHorizontalAlign="bottom" horizontal="false">
          <fill>
            <SolidColor color="0x0099FF" alpha="0.2">
          </fill>
        </AxisRange>
        <AxisRange startValue="Jul" endValue="Nov" label="Range 3" labelHorizontalAlign="bottom" horizontal="false">
          <fill>
            <SolidColor color="0xdd99FF" alpha="0.2">
          </fill>
        </AxisRange>
      </ranges>
    </AxisMarker>                  
  </backgroundElements>
...

© 2017 KoolChart. All rights reserved.