Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Load c3.css -->
- <link href="c3.css" rel="stylesheet" type="text/css">
- <!-- Load d3.js and c3.js -->
- <script src="d3.js" charset="utf-8"></script>
- <script src="c3.js"></script>
- <div class="chart" id="chart" ></div>
- <script>
- var chart = c3.generate({
- data: {
- xs: {
- setosa: 'setosa_x',
- },
- // iris data from R
- columns: [
- ["setosa", 3.0, 3.0, 3.2, 3.1, 3.6, 3.9, 3.4, 3.4, 2.9, 3.1, 3.7, 3.4, 3.0, 3.0, 4.0, 4.4, 3.9, 3.5, 3.8, 3.8, 3.4, 3.7, 3.6, 3.3, 3.4, 3.0, 3.4, 3.5, 3.4, 3.2, 3.1, 3.4, 4.1, 4.2, 3.1, 3.2, 3.5, 3.6, 3.0, 3.4, 3.5, 2.3, 3.2, 3.5, 3.8, 3.0, 3.8, 3.2, 3.7, 3.3],
- ["setosa_x", 3.2, 3.2, 3.1, 2.3, 2.8, 2.8, 3.3, 2.4, 2.9, 2.7, 2.0, 3.0, 2.2, 2.9, 2.9, 3.1, 3.0, 2.7, 2.2, 2.5, 3.2, 2.8, 2.5, 2.8, 2.9, 3.0, 2.8, 3.0, 2.9, 2.6, 2.4, 2.4, 2.7, 2.7, 3.0, 3.4, 3.1, 2.3, 3.0, 2.5, 2.6, 3.0, 2.6, 2.3, 2.7, 3.0, 2.9, 2.9, 2.5, 2.8],
- ['data3', 300, 200, 160, 400, 250, 250],
- ],
- type: 'scatter',
- types: {
- data3: 'spline',
- },
- },
- axis: {
- x: {
- label: 'Sepal.Width',
- tick: {
- fit: false
- }
- },
- y: {
- label: 'Petal.Width'
- }
- },
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement