flot bar chart width

by shorif2000

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://rawgit.com/flot/flot/master/jquery.flot.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.time.js"></script>
<div id="lastmonth" style="width: 540px; height: 350px;"></div>
<div id="sevendays" style="width: 540px; height: 350px;"></div>
<div id="yestoday" style="width: 540px; height: 350px;"></div>

JavaScript

var datasets = [{"label":"P1","data":[{"0":"1452211200000","1":3},{"0":"1452384000000","1":1}],"color":0,"idx":0},{"label":"P2","data":[{"0":"1452124800000","1":1},{"0":"1452211200000","1":1},{"0":"1452384000000","1":1},{"0":"1452470400000","1":2},{"0":"1452556800000","1":1}],"color":1,"idx":1},{"label":"P3","data":[{"0":"1452038400000","1":1},{"0":"1452124800000","1":2},{"0":"1452211200000","1":3},{"0":"1452470400000","1":2},{"0":"1452556800000","1":1},{"0":"1452643200000","1":1}],"color":2,"idx":2}];

var options = {"series":{"stack":0,"lines":{"show":false,"steps":false},"bars":{"show":true,"fill":1,"align":"center","barWidth":43200000}},"xaxis":{"mode":"time","timeformat":"%d %b","tickSize":[1,"day"]},"grid":{"clickable":true,"hoverable":true},"legend":{"noColumns":3}};

$.plot($('#sevendays'), datasets, options);

var datasets2 = [{"label":"P2","data":[{"0":"1452556800000","1":1}],"color":0,"idx":0},{"label":"P3","data":[{"0":"1452556800000","1":1}],"color":1,"idx":1}];

var options2 = {"series":{"stack":0,"lines":{"show":false,"steps":false},"bars":{"show":true,"fill":1,"align":"center","barWidth":43200000}},"xaxis":{"mode":"time","timeformat":"%d %b","tickSize":[1,"day"]},"grid":{"clickable":true,"hoverable":true},"legend":{"noColumns":3}};

$.plot($('#yestoday'), datasets2, options2);



var datasets3 =...