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.
36 lines
1.1 KiB
36 lines
1.1 KiB
1 year ago
|
/*************************************************************************************/
|
||
|
|
// -->Template Name: Bootstrap Press Admin
|
||
|
|
// -->Author: Themedesigner
|
||
|
|
// -->Email: niravjoshi87@gmail.com
|
||
|
|
// -->File: c3_chart_JS
|
||
|
|
/*************************************************************************************/
|
||
|
|
$(function () {
|
||
|
|
var a = c3.generate({
|
||
|
|
bindto: "#stacked-bar",
|
||
|
|
size: { height: 400 },
|
||
|
|
color: { pattern: ["#1e88e5", "#26c6da", "#f62d51", "#343a40"] },
|
||
|
|
data: {
|
||
|
|
columns: [
|
||
|
|
["option1", -150, 150, 100, 350, -150, 200],
|
||
|
|
["option2", 190, 250, -180, 100, -250, 150],
|
||
|
|
["option3", 200, 180, 250, -350, 150, 120],
|
||
|
|
],
|
||
|
|
type: "bar",
|
||
|
|
groups: [["option1", "option2"]],
|
||
|
|
},
|
||
|
|
grid: { y: { show: !0 } },
|
||
|
|
axis: { rotated: !0 },
|
||
|
|
});
|
||
|
|
setTimeout(function () {
|
||
|
|
a.groups([["option1", "option2", "option3"]]);
|
||
|
|
}, 1e3),
|
||
|
|
setTimeout(function () {
|
||
|
|
a.load({
|
||
|
|
columns: [["option4", 150, -20, 250, 270, -190, -250]],
|
||
|
|
});
|
||
|
|
}, 1500),
|
||
|
|
setTimeout(function () {
|
||
|
|
a.groups([["option1", "option2", "option3", "option4"]]);
|
||
|
|
}, 2e3);
|
||
|
|
});
|