How to draw logarithmic line charts with nvd3

Question

Is there a way to draw logarithmic line charts with nvd3

Cofield

Answer 1

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

Dabney