score:2
Accepted answer
This is the data format you may need to generate in order to use with NVD3 chart.
[
{
"key": "Stream0",
"values": [
{
"x": 0,
"y": -0.14263036487474057
},
{
"x": 1,
"y": -0.1331488246687006
}
],
"type": "line",
"yAxis": 1
},
{
"key": "Stream1",
"values": [
{
"x": 0,
"y": -0.27248210886232416
},
{
"x": 1,
"y": -0.28823740073421067
}
],
"type": "bar",
"yAxis": 2
}
]
Refer this plunker for a working demo of how to use NVD3 multi chart.
Hope this helps.
If you want additional help on data generation, share what you have done so far. Will add on top of that.
Source: stackoverflow.com
Related Query
- Angular NVD3 Multibar Chart with dual y-axis to showup only line using json data
- How to draw a multi line series graph using d3.js with json data using angular directives
- MultiBar chart with nvd3 / d3 only shows labels for every other tick on the x-axis. How can I get them all to show up?
- NVD3 line chart with realtime data
- C3js - combination chart with data labels only for line
- NVD3 Line Chart doesn't display when data passed using ajax - data.map is not a function
- Loading csv data with d3.csv in nvd3 multiBar Chart example (JSON format)
- NVD3 Line Plus Bar With Focus Chart only displaying half width of first and last bar
- Multi line chart using d3 and json in a nvd3 structure
- How do you get JSON data and create a line chart with d3.js?
- Time in x-axis and data for the y-axis for line chart in d3.js doesn't match/show with what (data) is on JSON
- Uncaught TypeError: Cannot read property 'length' of undefined in line chart with json data
- Aw snap in Google Chrome when interactive line chart using nvd3 + angular library
- Show values on Y Axis as it is with Higher and lower limits NVD3 Line Chart
- NVD3 - Using JSON url data with LinePlusBarChart (mapping values)
- Create a multiple line chart with Text data in x-axis using d3.js
- EJS using fetched json data with d3 chart
- how to make real time multi line chart using d3 where data is from api in json format
- filter the json data and draw the nvd3 chart using filtered data
- JavaScript d3 line graph with ordinal axis and json data
- Dual Y axis line chart in d3.js without external data
- D3js: how to plot multiseries line chart with json data
- nvd3 line chart with string values on x-axis
- NVD3 - line chart NaN on safari using latest versions
- javascript charting - nvd3 line chart with two Y-axis
- Make simple bar chart using C3 with separate columns on the x axis
- NVD3 line chart with vertical line
- nvd3.js-Line Chart with View Finder: rotate axis labels and show line values when mouse over
- NVD3 Line Chart X Axis Ticks Are Missing
- line chart of json data in d3
More Query from same tag
- how to make simple directed graph using d3
- D3.js, Global Chloropleth / Heat Map . Make Legend Horizontal and Add Black Borders Around Countries
- Use Illustrator SVG 1.0 or 1.1 with three.js and d3
- d3.js: Map X-axis labels to some key and render key-label table to avoid overlapping?
- d3 link static tooltip to points
- Indented tree in nvd3.js : searching for a specific node and opening all parents
- d3 time axis NaN error
- D3 js How to get plain text in label at X axis and make value scaleLog
- D3 Force Layout with text Label And Icon
- Javascript object sort and slice
- D3 Sunburst. How to set different ring\level widths
- Text element causing Rect element to recall mouseover event
- How to do a simple 2D contour plot using d3-contour?
- Need to shift link of child node to parent once parent collapsed in d3 graph
- Complex graphs and charts on React and React-Native
- D3 How to filter data from multiple datasets
- d3.js: How to rotate an SVG around its center while translating?
- Text labels on crossfilter bars do not appear
- How can I copy the content of my SVG and append it to another SVG frame?
- Use only hour and minutes on x-axis on D3.js
- Show Xaxis values as non time series values in D3 charts
- Updating D3 bubble radius with collide simulation
- NVD3 Line Chart X Axis Ticks Are Missing
- Performance slow on using d3-grid js
- Transition partition arcs back to original angles
- d3.js: highlight an x-axis label on a column/bar chart
- Converting Query result to D3.js hierarchical JSON format
- How to align d3js tooltip in center of time divisions?
- how to use jquery with d3 on same page?
- How to fix truncated y-axis and x-axis