playground
/
c3
mirror of https://github.com/masayuki0812/c3.git
1
0
Fork 0
Code Issues Releases Activity
Quite good looking graph derived from d3.js http://c3js.org
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.
1863 Commits
10 Branches
97 Tags
10 MiB
Tree: ef43f2bd9e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ef43f2bd9e'
${ noResults }
c3/htdocs/samples/chart_combination.html

42 lines
1.0 KiB
Raw Normal View History Unescape

Add sample for combination chart
11 years ago
<html>
<head>
[WIP] Store artifacts on circleci (#2424) * chore: store artifacts on circleci * chore: update http:// to https:// * chore: update references to relative * chore: status-back from circleci * chore: update node version * Revert "chore: status-back from circleci" This reverts commit bd29ee18c15d6376a96037f4f4ffc565208fe6e1.
7 years ago
<link href="../css/c3.css" rel="stylesheet" type="text/css">
Add sample for combination chart
11 years ago
</head>
<body>
<div id="chart"></div>
[WIP] Store artifacts on circleci (#2424) * chore: store artifacts on circleci * chore: update http:// to https:// * chore: update references to relative * chore: status-back from circleci * chore: update node version * Revert "chore: status-back from circleci" This reverts commit bd29ee18c15d6376a96037f4f4ffc565208fe6e1.
7 years ago
<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
<script src="../js/c3.js"></script>
Add sample for combination chart
11 years ago
<script>
var chart = c3.generate({
data: {
columns: [
['data1', 30, 20, 50, 40, 60, 50],
['data2', 200, 130, 90, 240, 130, 220],
['data3', 300, 200, 160, 400, 250, 250],
['data4', 200, 130, 90, 240, 130, 220],
'area' and 'area-spline' chart types
11 years ago
['data5', 130, 120, 150, 140, 160, 150],
['data6', 90, 70, 20, 50, 60, 120],
Add sample for combination chart
11 years ago
],
types: {
data1: 'bar',
data2: 'bar',
data3: 'spline',
data4: 'line',
data5: 'bar',
'area' and 'area-spline' chart types
11 years ago
data6: 'area'
Add sample for combination chart
11 years ago
},
groups: [
['data1','data2']
]
},
axis: {
x: {
type: 'categorized'
}
}
});
</script>
</body>
</html>