1

I am using jquery flot charting tools. Please see this chart (make sure you choose a large date range)

http://bzreports.azurewebsites.net/#/discounts

Notice the xaxis is squished together? I would like to position the xaxis labels vertically instead of horizontally. I have not found a way to get this to work...

The options I am using are

var options = {
                xaxis: { ticks: _.map(data, function (item) { return [item.Id - 1, item.Discount]; }) },
                yaxis: { tickFormatter: function(val, axis) { return val.formatMoney(2); } }
            };
Paul
  • 1,457
  • 1
  • 19
  • 36
  • Have a look at this - [Example](http://stackoverflow.com/questions/12204191/rotate-flot-tick-labels) – Blake Aug 21 '14 at 17:25

1 Answers1

0

I can't see the problem in the link you provided, even with big data.

But have you tries giving the labels angle? like in here http://jsfiddle.net/manishsp2008/vNSD8/

xaxis: {
            labelAngle: 45}

Hope it helps!

Margo
  • 672
  • 3
  • 13
  • 30