7

Is there a way to draw logarithmic line charts with nvd3

Andreas Köberle
  • 106,652
  • 57
  • 273
  • 297

1 Answers1

10

I'm not a nvd3/d3 expert, but I've made something which seems to work like this for the nv.models.lineChart:

chart.yScale(d3.scale.log());
chart.yAxis.tickValues([1,10,100,1000,10000,1000000]);
chart.forceY([1,1000000]);

Notes:

  1. The yScale function may be slightly different between models (chart.lines.yScale & cart.lines2.yScale on nv.models.lineWithFocusChart for example)
  2. This doesn't seem to work with all models
  3. D3 only supports base10 currently As of version 3.1.0 D3.js supports arbitrary logarithm base, usage example http://bl.ocks.org/mbostock/7621155
Martin
  • 2,135
  • 8
  • 39
  • 42
throwaway112358
  • 116
  • 1
  • 2