JavaScript Chart - Line on Chart Draws 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>