timeline.js/examples/index.html

<html>
<head>
    <meta charset="utf-8">
    <title>Timeline.js example</title>
    <style type="text/css">
        body {
            background-color: #333;
        }
    </style>
</head>
<body onload="SVG.init('holder', '100%', '100%', 'both', true, false); SVG.addGraph('test', 'red'); SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test'},{'x':100, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]); SVG.addGraph('test2', 'blue'); SVG.addPoints('test2', [{'x':180, 'y':50, 'label':'%x : %y test'},{'x':120, 'y':100, 'label':'%x : %y test2'},{'x':160,'y':25, 'label':'%x : %y test3'},{'x':150, 'y':-200, 'label':'%x : %y test4'},{'x':100, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':200, 'y':-220, 'label':'%x : %y test4'}]); SVG.draw();">
    <div id="holder"></div>
    <script type="text/javascript" src="../timeline.js"></script>
</body>
</html>
Initial commit 2014-03-28 01:06:01 +01:00			`<html>`
			`<head>`
Improving popups 2014-03-29 00:19:12 +01:00			`<meta charset="utf-8">`
			`<title>Timeline.js example</title>`
Initial commit 2014-03-28 01:06:01 +01:00			`<style type="text/css">`
			`body {`
			`background-color: #333;`
			`}`
			`</style>`
			`</head>`
Handle multiple graphs… Some issues left to fix 2014-03-30 00:47:52 +01:00			<body onload="SVG.init('holder', '100%', '100%', 'both', true, false); SVG.addGraph('test', 'red'); SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test'},{'x':100, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]); SVG.addGraph('test2', 'blue'); SVG.addPoints('test2', [{'x':180, 'y':50, 'label':'%x : %y test'},{'x':120, 'y':100, 'label':'%x : %y test2'},{'x':160,'y':25, 'label':'%x : %y test3'},{'x':150, 'y':-200, 'label':'%x : %y test4'},{'x':100, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':200, 'y':-220, 'label':'%x : %y test4'}]); SVG.draw();">
Initial commit 2014-03-28 01:06:01 +01:00			`<div id="holder"></div>`
			`<script type="text/javascript" src="../timeline.js"></script>`
			`</body>`
			`</html>`