Skip to content

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

Add sample for zoom

parent ae03ed30
Show whitespace changes
Inline Side-by-side
Showing with 36 additions and 0 deletions
htdocs/index.html
View file @ 0c7d4358
......@@ -101,6 +101,19 @@
</div>
</div>
</div>
<div class="section">
<a href="/#chart_type" name="chart_type"><h2># <span>Interaction</span></h2></a>
<div>
<div class="row">
<div class="col-md-4">
<h3>Zoom</h3>
<p>Zoom by mouse wheel event and slide by drag.</p>
<p><a class="btn btn-default" href="/samples/interaction_zoom.html" role="button">View details &raquo;</a></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
htdocs/samples/interaction_zoom.html 0 → 100644
View file @ 0c7d4358
<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.min.js"></script>
<script>
var chart = c3.generate({
data: {
columns: [
['sample', 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 150, 250, 150, 200, 170, 240, 100, 150, 250, 150, 200, 170, 240, 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 350, 220, 250, 300, 270, 140, 150, 90, 150, 50, 120, 70, 40]
]
},
zoom: {
enabled: true
}
});
</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