1
votes

One a page using database I am rendering multiple Bar Charts using Flot charts of Flat-kit Theme. For a specific data set it gives me overlapped x-axis grid lines plus my bars are not rendered properly.

Kindly see the image where at top of each graph data and ticks are also echoed by me to help you find if there is any error with data or ticks

enter image description here

1

1 Answers

0
votes

I assume you see the right chart in your image as improperly rendered. But in fact it is rendered correctly for the data you have given. Your x values and therefore also the x axis range from about 3060 to 3240 so each bar is pretty narrow.

If you want the bars to be at equal distance and the same width as in the left chart you have to use category mode (which basically means using x values from 1 to 10 as in the left chart).