Skip to content

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

Merge pull request #246 from edwardvk/master

Added an example on how to set the min/max values for an axis.
parents 11fff91e 30a04b32
Show whitespace changes
Inline Side-by-side
Showing with 34 additions and 0 deletions
htdocs/index.html
View file @ 31f15e0b
...@@ -40,6 +40,11 @@ ...@@ -40,6 +40,11 @@
<p>Additional y axis can be added.</p> <p>Additional y axis can be added.</p>
<p><a class="btn btn-default" href="./samples/axes_y2.html" role="button">View details &raquo;</a></p> <p><a class="btn btn-default" href="./samples/axes_y2.html" role="button">View details &raquo;</a></p>
</div> </div>
<div class="col-md-4">
<h3>Specify Axis Min/Max Values</h3>
<p>You can specify your own min/max values for each axis.</p>
<p><a class="btn btn-default" href="./samples/axes_minmax.html" role="button">View details &raquo;</a></p>
</div>
</div> </div>
</div> </div>
</div> </div>
......
htdocs/samples/axes_minmax.html 0 → 100644
View file @ 31f15e0b
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/c3.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({
bindto: '#chart',
data: {
columns: [
['sample', 100, 200, 100, 400, 150, 250]
],
onclick: function (d, element) { console.log("onclick", d, element); },
onenter: function (d) { console.log("onenter", d); },
onleave: function (d) { console.log("onleave", d); },
},
axis: {
y: {
min: 0
}
},
});
</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