CODEWITHSUNDEEP
d3.jsnvd3.js
Andreas Köberle
Andreas Köberle

Reputation: 110922

How to draw logarithmic line charts with nvd3

Is there a way to draw logarithmic line charts with nvd3

Upvotes: 7

Views: 3546

Answers (1)

throwaway112358
throwaway112358

Reputation: 116

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

Upvotes: 10

Related Questions