A dual-color filled range Line chart - so below the threshold it can be one
color and above the threshold it can be another.
The threshold is controllable by you. The chart below uses randomised data so
if you refresh the page it will be
slightly different. It uses the trace()
effect as the
trace()
effect uses the clip()
function
and so it conflicts
with the range clipping.
Update
There's information on this HOWTO page about creating dual color Line
charts using
gradients. It's very simple and can be done using either the
RGraph Gradient()
shortcut or more directly with the canvas
linear gradient functionality.
<script src="RGraph.common.effects.js"></script> <script src="RGraph.common.core.js"></script> <script src="RGraph.line.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">[No canvas support]</canvas> Threshold: <input type="text" onkeyup="update(event)" value="40" id="val" />This is the code that generates the chart: