You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/c3.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="chart"></div>
|
|
|
|
|
|
|
|
|
|
<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
|
|
|
|
|
<script src="../js/c3.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var rows = [["x","Views","GMV"]];
|
|
|
|
|
rows = rows.concat([[1398709800000,780,136],
|
|
|
|
|
[1398450600000,812,134],
|
|
|
|
|
[1399401000000,784,154],
|
|
|
|
|
[1399228200000,786,135],
|
|
|
|
|
[1399573800000,802,131],
|
|
|
|
|
[1399487400000,773,166],
|
|
|
|
|
[1399314600000,787,146],
|
|
|
|
|
[1399919400000,1496,309],
|
|
|
|
|
[1399833000000,767,138],
|
|
|
|
|
[1399746600000,797,141],
|
|
|
|
|
[1399660200000,796,146],
|
|
|
|
|
[1398623400000,779,143],
|
|
|
|
|
[1399055400000,794,140],
|
|
|
|
|
[1398969000000,791,140],
|
|
|
|
|
[1398882600000,825,107],
|
|
|
|
|
[1399141800000,786,136],
|
|
|
|
|
[1398537000000,773,143],
|
|
|
|
|
[1398796200000,783,154],
|
|
|
|
|
[1400005800000,1754,284]].sort(function (a, b) {
|
|
|
|
|
return a[0] - b[0];
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
var chart = c3.generate({
|
|
|
|
|
bindto: '#chart',
|
|
|
|
|
data: {
|
|
|
|
|
x : 'x',
|
|
|
|
|
rows: rows
|
|
|
|
|
},
|
|
|
|
|
axis : {
|
|
|
|
|
x : {
|
|
|
|
|
type : 'timeseries',
|
|
|
|
|
tick : {
|
|
|
|
|
format : "%Y-%m-%d" // https://github.com/mbostock/d3/wiki/Time-Formatting#wiki-format
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
