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) {
...
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...
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...
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...
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...
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'));
...
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...
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?
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...
© 2022 - 2024 — McMap. All rights reserved.