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.
41 lines
1.1 KiB
41 lines
1.1 KiB
1 year ago
|
/*************************************************************************************/
|
||
|
|
// -->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: ["#1e88e5", "#00acc1"],
|
||
|
|
},
|
||
|
|
|
||
|
|
// 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,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
});
|