Search code examples
javascriptgraphflot

Can we put 2 flot chart in the same line?

Is it possible to do as in image by flot.js?

Flot 2 graphs in one line

Normally, when call below code, first and second graphs will automatically have new line.

<div id="flotcontainer1"></div>
<div id="flotcontainer2"></div>
Solution

  • To place multiple flot charts beside each other, you can use CSS styling (display: inline-block), see this fiddle for a full example. You can use absolute or relative width depending you your needs.