JavaScript Chart - Line on ChartDraws Upper and Lower Limit Lines

VIEW MORE FEATURES
SAVE
VIEW HTML
EDIT ON CODEPEN
On the chart created by using KoolChart's JavaScript charting library, users can draw a line. To draw a line on the chart, the <AxisLine> element needs to be defined.
<lines>
<AxisLine value="2500" lineStyle="dashLine" label="High">
<stroke>
<Stroke color="#FF7171" weight="2"/>
</stroke>
</AxisLine>
<AxisLine value="500" lineStyle="dashLine" label="Low" labelUpDown="down">
<stroke>
<Stroke color="#6799FF" weight="2"/>
</stroke>
</AxisLine>
</lines>
On the chart created by using KoolChart's JavaScript charting library, users can draw an area (range). To draw an area (range) on the chart, the <AxisRange> element needs to be defined.
<ranges>
<AxisRange startValue="500" endValue="2500">
<fill>
<SolidColor color="#eeeeee" alpha="0.4"/>
</fill>
</AxisRange>
</ranges>