mirror of https://github.com/masayuki0812/c3.git
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.
51 lines
1.3 KiB
51 lines
1.3 KiB
var chart = c3.generate({ |
|
data: { |
|
columns: [ |
|
['sample1', 30, 200, 100, 400, 150, 250], |
|
['sample2', 430, 300, 500, 400, 650, 250] |
|
], |
|
axes: { |
|
sample1: 'y', |
|
sample2: 'y2' |
|
} |
|
}, |
|
axis: { |
|
x: { |
|
label: { |
|
text: 'X Label', |
|
position: 'outer-center' |
|
// inner-right : default |
|
// inner-center |
|
// inner-left |
|
// outer-right |
|
// outer-center |
|
// outer-left |
|
} |
|
}, |
|
y: { |
|
label: { |
|
text: 'Y Label', |
|
position: 'outer-middle' |
|
// inner-top : default |
|
// inner-middle |
|
// inner-bottom |
|
// outer-top |
|
// outer-middle |
|
// outer-bottom |
|
} |
|
}, |
|
y2: { |
|
show: true, |
|
label: { |
|
text: 'Y2 Label', |
|
position: 'outer-middle' |
|
// inner-top : default |
|
// inner-middle |
|
// inner-bottom |
|
// outer-top |
|
// outer-middle |
|
// outer-bottom |
|
} |
|
} |
|
} |
|
});
|
|
|