Use example .js code from http://c3js.org.
authorPhilipp Spitzer <philipp@spitzer.priv.at>
Wed, 30 May 2018 19:26:33 +0000 (21:26 +0200)
committerPhilipp Spitzer <philipp@spitzer.priv.at>
Wed, 30 May 2018 19:26:33 +0000 (21:26 +0200)
web/static/seepark_web.js [new file with mode: 0644]
web/templates/seepark_web.html

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
new file mode 100644 (file)
index 0000000..b58ad45
--- /dev/null
@@ -0,0 +1,22 @@
+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'
+            }
+        }
+    }
+});
+
index 287226bc30efe3197dbe257b7c2323631e68fc5a..29057bed93052b45da87555676631ae5f467ea8c 100644 (file)
@@ -6,9 +6,15 @@
                <!-- 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>