Here's an example of am outlined red and white Line chart. It's achieved by
using two Line charts, one on top of the other. And with the linewidth of
the underlying line chart a couple of points bigger than the upper Line
chart. This could be done using just a single SVG tag but this uses two
that are positioned on top of each other. It also uses the trace() effect
(on both Line charts).
<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.line.js"></script>Put this where you want the chart to show up:
<div style="display: inline-block; position: relative; width: 750px; height: 300px">
<div style="position: absolute; width: 750px; height: 300px; top: 0; left: 0" id="chart-container1"></div>
<div style="position: absolute; width: 750px; height: 300px; top: 0; left: 0" id="chart-container2"></div>
</div>
This is the code that generates the chart: