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.
48 lines
1.3 KiB
48 lines
1.3 KiB
1 year ago
|
/*************************************************************************************/
|
||
|
|
// -->Template Name: Bootstrap Press Admin
|
||
|
|
// -->Author: Themedesigner
|
||
|
|
// -->Email: niravjoshi87@gmail.com
|
||
|
|
// -->File: c3_chart_JS
|
||
|
|
/*************************************************************************************/
|
||
|
|
/*************************************/
|
||
|
|
// Column chart //
|
||
|
|
/*************************************/
|
||
|
|
$(function () {
|
||
|
|
// Callback that creates and populates a data table, instantiates the column chart, passes in the data and draws it.
|
||
|
|
var columnChart = c3.generate({
|
||
|
|
bindto: "#column-chart",
|
||
|
|
size: { height: 400 },
|
||
|
|
color: {
|
||
|
|
pattern: ["#1e88e5", "#343a40", "#26c6da"],
|
||
|
|
},
|
||
|
|
|
||
|
|
// Create the data table.
|
||
|
|
data: {
|
||
|
|
columns: [
|
||
|
|
["option1", 130, -90, 170, 90, 120, 250],
|
||
|
|
["option2", 90, 150, 140, -150, 150, 50],
|
||
|
|
],
|
||
|
|
type: "bar",
|
||
|
|
},
|
||
|
|
bar: {
|
||
|
|
width: {
|
||
|
|
ratio: 0.5, // this makes bar width 50% of length between ticks
|
||
|
|
},
|
||
|
|
// or
|
||
|
|
//width: 100 // this makes bar width 100px
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
y: {
|
||
|
|
show: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
// Instantiate and draw our chart, passing in some options.
|
||
|
|
setTimeout(function () {
|
||
|
|
columnChart.load({
|
||
|
|
columns: [["option3", 50, -45, 200, 300, -95, 100]],
|
||
|
|
});
|
||
|
|
}, 1000);
|
||
|
|
});
|