nvd3.js

I'm trying to use the following example which is a line and bar chart combined. NVD3 Line & Bar Chart combination The problem I have is that I want the line chart and bar chart to both use the same figures from y1 axis, but I can't find out how to get rid of the y2 axis and do this. If someone could point me in the right direction it'd be a great help. Thanks in advance. Edit: A JSFiddle of the problem I'm experiencing. I'm just using the example from NVD3's download and have added in Lars' code just before the return chart; line. JSFiddle There's no option to disable the second y axis. What

I am currently working with NVD3 using Angular Directive (angular-nvd3). I have a very simple line chart with very simple data. The problem I have encountered now is that my data is wrongly aligned with the Axis. Example plunker available here: http://plnkr.co/edit/jWEYt6?p=preview , I am using dates on my xAxis, which are parsed using d3 library: tickFormat: function(d) {return d3.time.format('%d/%m')(new Date(d))} Description: I would expect the xAxis labels to be correspondent to the grid. In the example you can clearly notice that the xAxis is not evenly devided (values: 06/11, 08/11, 11

I got a scenario where in I need to display value for every stack in stacked multi-bar chart - nvd3 graph as we can display value in discrete value - nvd3 graph. I understand, 'showvalue' is used in discrete bar controller , can we use showvalue in stacked graph, if not please suggest with an alternative solution. Thanks in advance Currently isn't possible. That option is available only in the discrete bar chart. From the maintainer: We don't have this ability. Stacked/Grouped charts also have complex animations making this a tricky thing to solve. We use tooltips instead. Source https:/

I was wondering how I can set minimum and maximum radii of the circles in an NVD3 scatter chart. NVD3 Scatter: http://nvd3.org/ghpages/scatter.html Call .sizeRange([minArea, maxArea]) on your chart object. Note that "size" is proportional to area, not radius, so you need to use the square of the maximum/minimum radius (adjusted by pi/2 if you want to be precise). As of 1.7.1, call .pointRange([minArea,maxArea]) . nv.addGraph(function() { var chart = nv.models.scatterChart() .showDistX(true) .sizeRange([1000, 100]) /*****Chart Circle Range******/ .showDistY(true) .color(d3.scale.category10()

I am building a page which contains many charts, which are displayed one at a time depending on which tab you are looking at. The chart in the initially active tab renders correctly. However when I click to another tab, the chart is not rendered properly. Presumably this is because the hidden field does not have dimensions until it is made visible. In fact if I resize the window the chart will correct it's proportions, and render so that it fills the available width. I can fix this problem by explicitly defining the chart size via css, but this defeats the responsive aspect of the charts. Can

I am trying to implement the horizontal bar chart using d3.js.Some of the chart labels are too long. How to do word wrap for the chart labels on y aixs? Source code: var data = [{"Name": "Label 1", "Count": "428275" }, { "Name": "Label 2", "Count": "365005" }, { "Name": "Label 3", "Count": "327619" }]; var m = [30, 10, 10, 310], w = 1000 - m[1] - m[3], h = 550 - m[0] - m[2]; var format = d3.format(",.0f"); var x = d3.scale.linear().range([0, w + 10]), y = d3.scale.ordinal().rangeRoundBands([0, h], .4); var xAxis = d3.svg.axis().scale(x).orient("bottom").tickSize(h), yAxis = d3.svg.axis().scale