nvd3.js Questions

4

Solved

I am having a very strange problem - I am using more or less the same code as the scatterplot sample on the nvd3 web site (but hooked into my ember.js app) and I'm seeing a beautiful plot come out ...
Speculator asked 29/11, 2012 at 5:28

2

Solved

How can I set my domain to [0,400] with nvd3? Here is my code: var chart; nv.addGraph(function() { chart = nv.models.multiBarHorizontalChart().x(function(d) { return d.label }).y(function(d) { ...
Cristophercristy asked 27/9, 2013 at 10:24

2

Solved

I'm trying to set the width and height of a nvd3 multi bar chart programmatically using chart.width(600); chart.height(400); See the example here: http://jsfiddle.net/hPgyq/20/ As you can see ...
Terminate asked 10/5, 2013 at 4:1

2

Is there a way to abbreviate large numbers on a d3.js axis? I recall seeing a helper method online but cannot find it again. I would like to abbreviate large numbers to reduce my chart margins and ...
Interval asked 11/7, 2013 at 7:55

2

Solved

Data: nvd3TestData = [ { values:[ {x:"M",y:1}, {x:"T",y:2}, {x:"W",y:3}, {x:"R",y:3}, {x:"F",y:4}, {x:"S",y:5}, {x:"U",y:6} ], key:"Apples" }, { values:[ {x:"M",y:5}, {x:"T",y:2}, ...
Salic asked 14/6, 2013 at 4:57

5

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...
Corporation asked 16/4, 2013 at 14:25

3

Solved

I want to add a title text over the graph in NVD3.js. I tried the following, nv.addGraph(function() { var chart = nv.models.linePlusBarWithFocusChart() .margin({top: 30, right: 60, bottom: 50, l...
Lunnete asked 9/5, 2013 at 10:26

1

I'm using the lineWithFocusChart.js model shown in the nvd3 examples shown here: http://nvd3.org/examples/lineWithFocus.html I want to be able to get access to the values that the user selects in ...
Tagmeme asked 23/5, 2014 at 3:40

6

Does anyone know how to reposition the legend in a NVD3 chart relative to the graph itself? It is on top by default, and I would like it to go on the side (better use of space within my app) An e...
Tanny asked 2/7, 2013 at 3:21

1

What are the benefits/drawbacks of using D3.js vs NVD3.js? (some points that interest me most: Isn't it better to stick just with NVD3.js if it is better in any way? Why use D3.js? Is it th...
Costotomy asked 6/11, 2015 at 10:39

1

Solved

I want to draw 2 horizontal lines for each of the bars in this nvd3 multibar chart Here is the fiddle I have few queries Why is yValueScale(0) not starting from 0 of the plot How do I start dra...
Mckale asked 15/11, 2016 at 22:5

3

I am using NVD3 library for my project and i have written following code. var chart = nv.models.lineChart() .useInteractiveGuideline(true) .margin({top: 50, right: 50, bottom: 50, left: 50}) .t...
Dionnadionne asked 19/10, 2014 at 16:31

4

I have made a line chart with view finder. Here is my initial code var chart = nv.models.lineWithFocusChart(); // chart.transitionDuration(500); chart.xAxis .tickFormat(d3.format(',g')); ...
Impenetrable asked 26/2, 2014 at 22:54

5

Solved

I am making a bar graph in nvd3.js, similar to this example: http://nvd3.org/ghpages/discreteBar.html. I was wondering if there was a way to remove the gridline so the background would be plain whi...
Sophi asked 22/1, 2013 at 22:48

9

I'm using nvd3's piechart.js component to generate a piechart on my site. The provided .js file includes several var's, as follows: var margin = {top: 30, right: 20, bottom: 20, left: 20} , width...
Golding asked 14/9, 2012 at 0:8

0

I want to create a LINE chart using angular-nvd3, with each data point has label on top and displaying the data value. I was able to find the option "showValues" and it can work for the discreteBar...
Disposure asked 9/6, 2016 at 3:9

1

Solved

Drawing a Multiple Axis barchart using nvd3. My problem is the bars are overlapping. In the chart on y-axis is on left side and the other y-axis on right side. <!DOCTYPE html> <html> ...
Fasta asked 30/4, 2016 at 5:44

2

Solved

I am using nvd3.js discrete bar http://nvd3.org/ghpages/discreteBar.html I am inspecting the code and seen that the color is been derived inline style="fill: #ffbb78; stroke: #ffbb78;" I also t...
Alger asked 17/7, 2013 at 19:16

5

I'm making an NVD3 line plot that will have significantly improved clarity if I can get markers to show for each data point instead of just the line itself. Unfortunately, I haven't been able to fi...
Dissert asked 5/12, 2012 at 21:39

1

Solved

I am trying to disable tooltip from the discrete bar chart which is the most easiest thing to do. But still its not working. I tried chart.tooltip(false), but it gives chart.tooltip function not d...
Dactyl asked 12/4, 2016 at 21:34

3

Solved

I have an nvd3 pie chart. I am obtaining the percentage value as labels but I want it in the tooltip. Here is the HTML: <nvd3-pie-chart data="Data1"id="labelTypePercentExample" width="550" he...
Terza asked 8/7, 2014 at 4:38

1

I would like to use nvd3 chart library in my AngularJS app by using angularjs-nvd3-directives Is there a way to export any given nvd3 chart to any of the graphics file formats?
Mincey asked 29/3, 2014 at 12:54

6

Solved

I'm trying to set the y-axis range of the chart from 1-100. Consulted the API documentation and found a possible solution with axis.tickValues as seen here https://github.com/mbostock/d3/wiki/SVG-...
Steeplebush asked 1/8, 2012 at 20:13

2

Solved

I'm usuing the lineWithFocusChart.js model shown in the nvd3 examples shown here: http://nvd3.org/ghpages/examples.html I want to be able to choose a specific x range for the graph to be focused o...
Underfoot asked 19/6, 2013 at 17:17

2

Solved

I am trying to have custom message instead of the "No Data Available" message which is displayed. I am using nvd3 scatter / bubble chart. I came across a suggestion here data2 = [ { "key" : "A...
Townsend asked 10/5, 2014 at 14:32

© 2022 - 2024 — McMap. All rights reserved.