Skip to content

C
c3-closed
Commit ee660649 authored by Masayuki Tanaka's avatar Masayuki Tanaka
Browse files
Options

Fix grid/axis sample for timeseries as number - #311

parent d7b7b064
Show whitespace changes
Inline Side-by-side
Showing with 137 additions and 1 deletion
htdocs/index.html
View file @ ee660649
......@@ -139,6 +139,9 @@
<a href="./samples/axes_x_tick_rotate.html" target="_blank">
Set rotation for x axis
</a>
<a href="./samples/axes_x_range_timeseries.html" target="_blank">
Set range in timeseries for x axis
</a>
</div>
</div>
<div class="row">
......@@ -226,11 +229,14 @@
Show x/y grids
</a>
<a href="./samples/grids_timeseries.html" target="_blank">
Show x/y grids with timeseries&raquo;
Show x/y grids with timeseries
</a>
<a href="./samples/grid_x_lines.html" target="_blank">
Show optional x grids
</a>
<a href="./samples/grid_x_lines_timeseries.html" target="_blank">
Show optional x grids with timeseries
</a>
</div>
<div class="col-md-4">
<h3>Region</h3>
......
htdocs/samples/axes_x_range_timeseries.html 0 → 100644
View file @ ee660649
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/c3.css">
</head>
<body>
<div id="chart1"></div>
<div id="chart2"></div>
<script src="http://d3js.org/d3.v3.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>
htdocs/samples/grid_x_lines_timeseries.html 0 → 100644
View file @ ee660649
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/c3.css">
</head>
<body>
<div id="chart1"></div>
<div id="chart2"></div>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="/js/c3.js"></script>
<script>
var chart1 = c3.generate({
"bindto": "#chart1",
"axis": {
"x": {
"type": "timeseries",
"tick": {
format: '%Y-%m-%d %H:%M:%S'
}
}
},
"grid": {
"x": {
"lines": [
{ "value": 1401883200000, "text": new Date(1401883200000), "color": "#f00" },
]
}
},
"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",
"tick": {
format: '%Y-%m-%d %H:%M:%S'
}
}
},
"grid": {
"x": {
"lines": [
{ "value": new Date(1401883200000), "text": new Date(1401883200000), "color": "#f00" },
]
}
},
"data": {
"type": "line",
"columns": [
["epoch", 1401879600000, 1401883200000, 1401886800000],
["y", 1955, 2419, 2262]
],
"xs": {
"y": "epoch"
}
}
});
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment