mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-27 14:14:11 +01:00
N°5621 Move C3 0.4.11 to NPM
This commit is contained in:
81
node_modules/c3/htdocs/samples/api_axis_range.html
generated
vendored
Normal file
81
node_modules/c3/htdocs/samples/api_axis_range.html
generated
vendored
Normal file
@@ -0,0 +1,81 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="/css/c3.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="chart"></div>
|
||||
|
||||
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
|
||||
<script src="/js/c3.js"></script>
|
||||
<script>
|
||||
var chart = c3.generate({
|
||||
data: {
|
||||
columns: [
|
||||
['data1', 30, 200, 100, 400, 150, 250],
|
||||
['data2', 50, 20, 10, 40, 15, 25]
|
||||
],
|
||||
axes: {
|
||||
data1: 'y',
|
||||
data2: 'y2',
|
||||
}
|
||||
},
|
||||
axis: {
|
||||
x: {
|
||||
label: 'X Label'
|
||||
},
|
||||
y: {
|
||||
label: {
|
||||
text: 'Y Axis Label',
|
||||
position: 'outer-middle'
|
||||
}
|
||||
},
|
||||
y2: {
|
||||
show: true,
|
||||
label: {
|
||||
text: 'Y2 Axis Label',
|
||||
position: 'outer-middle'
|
||||
}
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
// enabled: false
|
||||
},
|
||||
zoom: {
|
||||
// enabled: true
|
||||
},
|
||||
subchart: {
|
||||
// show: true
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.max(500);
|
||||
}, 1000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.min(-500);
|
||||
}, 2000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.max({y: 600, y2: 100});
|
||||
}, 3000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.min({y: -600, y2: -100});
|
||||
}, 4000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.range({max: 1000, min: -1000});
|
||||
}, 5000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.range({min: {y: 1000}, max: {y: 2000}});
|
||||
}, 6000);
|
||||
|
||||
setTimeout(function () {
|
||||
chart.axis.range({max: {y: 600, y2: 100}, min: {y: -100, y2: 0}});
|
||||
}, 7000);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user