Chart g.raphael - Test

How to customize the label of a line chart - v0.1

by erick

HTML

<script src="http://blog.fruitsoftware.com/wp-content/raphaeljs/raphael-min.js"></script>
<script src="http://blog.fruitsoftware.com/wp-content/raphaeljs/g.raphael-min.js"></script>
<script src="http://blog.fruitsoftware.com/wp-content/raphaeljs/g.line-min.js"></script>
<div id="testGraph"/> WebRep

JavaScript

var r = Raphael('testGraph', 1000, 600);

var x = 100,
    y = 100,
    xlen = 300,
    ylen = 200,
    gutter = 20,
    xdata = [1, 14];

var chrt = r.linechart(x, y, xlen, ylen, xdata, [14, 1], {
    nostroke: false,
    axis: "0 0 1 1",
    symbol: "circle",
    smooth: true
});


x = 500;
y = 100;
xlen = 300;
ylen = 200;
xdata = [1, 14];

var chrt = r.linechart(x, y, xlen, ylen, xdata, [1, 15], {
    nostroke: false,
    axis: "0 0 1 1",
    symbol: "circle",
    smooth: true
});

x = 100;
y = 400;
xlen = 300;
ylen = 200;
gutter = 20;
xdata = [1, 15];

var chrt = r.linechart(x, y, xlen, ylen, xdata, [1, 14], {
  
    nostroke: false,
    axis: "0 0 1 1",
    symbol: "circle",
    smooth: true
});


x = 500;
y = 400;
xlen = 300;
ylen = 200;
gutter = 20;
xdata = [1, 15];

var chrt = r.linechart(x, y, xlen, ylen, xdata, [11, 1], {
    nostroke: false,
    axis: "0 0 1 1",
    symbol: "circle",
    smooth: true
});