Bars overlapping

49 views

Skip to first unread message

Andreas Apostolou

unread,

Sep 27, 2015, 12:42:11 PM9/27/15

to Flot graphs

Hello,

I'm new to Flot, but quite excited to be here.

So I have an issue with overlapping bars.

here is my code

$.getJSON('chartBar.json', function(graphDataBar){
			// Bars
		$.plot($('#graph-bars'), graphDataBar, {
			series: {
				bars: {
					show: true,
					barWidth: .1,
					align: 'center'
				},
				shadowSize: 0
			},
			grid: {
				color: '#646464',
				borderColor: 'transparent',
				borderWidth: 20,
				hoverable: true
			},
			xaxis: {
				tickColor: 'transparent',
				ticks: [[6,'Week 48'],[7,'Week 49'],[8,'Week 50'],[9,'Week 51'],[10,'Week 52']]
			},
			yaxis: {
				tickSize: 5
			}
		});
		
		});

what attributes should I change/add in order to get my 3 values next to each other (with a bit of space), rather than have all 3 values overlapping? I ve tried playing around with as many properties I could find in bars: such as order(added order in json file as well), align (does literally nothing in my code) etc. I'm sure I am missing something.

Ced

unread,

Sep 28, 2015, 12:46:27 PM9/28/15

to Flot graphs

It sounds like you want the side-by-side plugin. You can find it on the plugins page.

Reply all

Reply to author

Forward

0 new messages