Convert flot bar chart from vertical to horizontal

1
votes

I'm using a vertical flot bar chart to display some users and two datasets for each user. Now I'm trying to make the chart horizontal but I can't seem to figure out how to put it together.

I have created a fiddle of the working vertical chart and simplified the data sets. https://jsfiddle.net/3oqu8Lzp/1/ I have tried setting 

horizontal: true

on the bars and changing order in the datasets with no luck.

Any advice much appreciated.

1
jquerybar-chartflot
Check out : jqueryflottutorial.com/… – Himanshu Tyagi
Thank you. Should have mentioned I already tried using that tutorial with no luck :) – sjosen
jsfiddle.net/3oqu8Lzp/3 this is what you want? – Himanshu Tyagi
Well the labels are still placed wrong and the bars are overlapping. This was one of the problems I has too :) – sjosen
Thanks for your input. This is very close to desired result jsfiddle.net/3oqu8Lzp/4 – sjosen

1 Answers

1
votes

Add

    bars: {
      horizontal: true,
    },

to options. Updated demo here.