C3.js | D3-based reusable chart library
Menu
Getting Started
Examples
Reference
Forum
Source
Step Chart
0
1
2
3
4
5
0
50
100
150
200
250
300
350
0
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
1
data1
data2
# chart_step.js
var
chart
=
c3
.
generate
({
data
:
{
columns
:
[
[
'data1'
,
300
,
350
,
300
,
0
,
0
,
100
]
,
[
'data2'
,
130
,
100
,
140
,
200
,
150
,
50
]
]
,
types
:
{
data1
:
'step'
,
data2
:
'area-step'
}
}
})
;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX