41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
/*************************************************************************************/
|
|
// -->Template Name: Bootstrap Press Admin
|
|
// -->Author: Themedesigner
|
|
// -->Email: niravjoshi87@gmail.com
|
|
// -->File: c3_chart_JS
|
|
/*************************************************************************************/
|
|
|
|
/********************************/
|
|
// Line region chart //
|
|
/********************************/
|
|
$(function() {
|
|
|
|
// Callback that creates and populates a data table, instantiates the line region chart, passes in the data and draws it.
|
|
var lineRegionChart = c3.generate({
|
|
bindto: '#line-region',
|
|
size: { height: 400 },
|
|
point: {
|
|
r: 4
|
|
},
|
|
color: {
|
|
pattern: ['#2962FF', '#4fc3f7']
|
|
},
|
|
|
|
// Create the data table.
|
|
data: {
|
|
columns: [
|
|
['data1', 30, 200, 100, 400, 0, 100],
|
|
['data2', 100, 200, 10, 400, 100, 25]
|
|
],
|
|
regions: {
|
|
'data1': [{ 'start': 1, 'end': 2, 'style': 'dashed' }, { 'start': 3 }], // currently 'dashed' style only
|
|
'data2': [{ 'end': 3 }]
|
|
}
|
|
},
|
|
grid: {
|
|
y: {
|
|
show: true
|
|
}
|
|
}
|
|
});
|
|
}); |