How can we show min and max values for candlestick charts using nvd3
Related
I'm trying to find a way to snap the xAxis in a line chart to the closest min and max data points in the visible chart area.
As you can see in any of the line chart demos, when zooming or panning the chart, the start and end position of the chart will not snap to the nearest data item (i.e. day, or month when grouped etc.). After zooming or panning the chart, the start\end of the chart area will be at some point based on where you zoomed or panned, but very difficult to land it exactly on the interval.
I'd really like to figure out a way to snap the min and max position of the visible chart area to the nearest min and max data points, ideally using short but smooth animation to snap once the zoom\pan event is finished\released.
I figure this is possible somehow by using something like the DateAxis zoomToDates method after a zoom\pan event is triggered, but haven't been able to find a way to do it.
When I have some values in the XY chart, some column label locations' are exceeding the boundary of the chart, like in the image, how can I suppress that?
You can solve this by either increasing paddingRight of the whole chart or by setting axis.maxLabelPosition = 0.98 which would result last label to be hidden.
Is there an easy way to map interval values on a ordinal color scale in D3.js instead of using if-clauses? I would like to map values on a ordinal scale that exceeded a particular level.
These examples might be helpful:
Threshold Key - demonstrates how to construct a key from a threshold scale
Responsive Legends with D3
In the NASDAQ 100 example, is it possible to plot months by fluctuation? That is, calculate a fluctuation rate by month and use it as the dimension or X-axis in the bar chart?
I'm looking at demo example for the stacked area chart provided by NVD3.js and it's not clear for me why doesn't the sum of the values within a tooltip in the 'expanded' (percentage) mode equal to 100?