| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="../css/c3.css">
- </head>
- <body>
- <div id="chart1"></div>
- <div id="chart2"></div>
- <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
- <script src="../js/c3.js"></script>
- <script>
- var chart1 = c3.generate({
- "bindto": "#chart1",
- "axis": {
- "x": {
- "type": "timeseries",
- "min": 1401879600000,
- "max": 1401969600000,
- }
- },
- "data": {
- "type": "line",
- "columns": [
- ["epoch", 1401879600000, 1401883200000, 1401886800000],
- ["y", 1955, 2419, 2262]
- ],
- "xs": {
- "y": "epoch"
- }
- }
- });
- var chart2 = c3.generate({
- "bindto": "#chart2",
- "axis": {
- "x": {
- "type": "timeseries",
- "min": new Date(1401879600000),
- "max": new Date(1401969600000),
- }
- },
- "data": {
- "type": "line",
- "columns": [
- ["epoch", 1401879600000, 1401883200000, 1401886800000],
- ["y", 1955, 2419, 2262]
- ],
- "xs": {
- "y": "epoch"
- }
- }
- });
- </script>
- </body>
- </html>
|