--- /dev/null
+var chart = c3.generate({
+ bindto: '#chart',
+ data: {
+ x: 'x',
+// xFormat: '%Y%m%d', // 'xFormat' can be used as custom format of 'x'
+ columns: [
+ ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],
+// ['x', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'],
+ ['data1', 30, 200, 100, 400, 150, 250],
+ ['data2', 130, 340, 200, 500, 250, 350]
+ ]
+ },
+ axis: {
+ x: {
+ type: 'timeseries',
+ tick: {
+ format: '%Y-%m-%d'
+ }
+ }
+ }
+});
+
<!-- Load d3.js and c3.js -->
<script src="{{url_for('static', filename='d3.js')}}" charset="utf-8"></script>
<script src="{{url_for('static', filename='c3.js')}}"></script>
+
<title>Hi! :-)</title>
</head>
<body>
<h1>Hello world</h1>
+ <div id="chart"></div>
+
+ <!-- Load own javascript code -->
+ <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
+
</body>
</html>