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.
50 lines
1.5 KiB
50 lines
1.5 KiB
6 years ago
|
/*=========================================================================================
|
||
|
|
File Name: bar.js
|
||
|
|
Description: Flot bar chart
|
||
|
|
----------------------------------------------------------------------------------------
|
||
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
||
|
|
Version: 1.0
|
||
|
|
Author: PIXINVENT
|
||
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
||
|
|
==========================================================================================*/
|
||
|
|
|
||
|
|
// Bar chart
|
||
|
|
// ------------------------------
|
||
|
|
$(window).on("load", function(){
|
||
|
|
|
||
|
|
var data = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];
|
||
|
|
|
||
|
|
$.plot("#bar-chart", [ data ], {
|
||
|
|
series: {
|
||
|
|
bars: {
|
||
|
|
show: true,
|
||
|
|
barWidth: 0.6,
|
||
|
|
align: "center",
|
||
|
|
lineWidth: 0,
|
||
|
|
fill: true,
|
||
|
|
fillColor: { colors: [ { opacity: 0.2 }, { opacity: 0.8 } ] }
|
||
|
|
}
|
||
|
|
},
|
||
|
|
xaxis: {
|
||
|
|
mode: "categories",
|
||
|
|
tickLength: 0
|
||
|
|
},
|
||
|
|
yaxis: {
|
||
|
|
tickSize: 4
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
borderWidth: 1,
|
||
|
|
borderColor: "transparent",
|
||
|
|
color: '#999',
|
||
|
|
minBorderMargin: 20,
|
||
|
|
labelMargin: 10,
|
||
|
|
margin: {
|
||
|
|
top: 8,
|
||
|
|
bottom: 20,
|
||
|
|
left: 20
|
||
|
|
},
|
||
|
|
},
|
||
|
|
colors: ['#5175E0']
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|