score:1
Accepted answer
you need to map your data to the format required by highcharts. in your case:
an array of arrays with
[x, y]
values:series: [{ data: jsondata2.time.map((x, index) => [x, jsondata2.volt[index]]) }]
or an array of objects with
{ x, y }
values:series: [{ data: jsondata2.time.map((x, index) => ({ x: x, y: jsondata2.volt[index]})) }]
live demo: https://codesandbox.io/s/fancy-cloud-mx9z-mx9ze?file=/index.js
api reference: https://api.highcharts.com/highcharts/series.line.data
Source: stackoverflow.com
Related Query
- Is it possible to plot points on a line graph using two separate arrays? (highcharts)
- Plot a bar graph using Highcharts drilldown with two different JSON end points
- Is such graph possible to plot Using Highchart?
- missing value in highcharts line graph results in no line, just points
- Connecting two points in a graph
- Highcharts - programmatically draw a line or graphic between two related points
- Drawing a line between 2 points in line chart using Highcharts?
- How to make two charts using highchart show up in the same line side by side using div
- Show only discontinuous points in Highcharts line graph
- Plot Highchart multiple series line chart using JSON data
- Render Two charts separate charts using angular js directives
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- Is it possible to create network graph using from left to right as tree graph using highcharts?
- is it possible to add verical plot line and show the intersection with the series?
- Highcharts - How do I keep both line points in from splitting between the two bar charts
- How do I plot the x axis line using Highcharts when pegged at 0?
- Unable to plot two piechart using Highchart
- Using a plot line comparator in Highcharts
- Plot a Ganglia graph using AngularJS
- How to Multiply two arrays and dynamically plot into HighCharts?
- How to plot a highstock single line series graph from ajax data
- How to plot multiple lines in a single graph using HighChart with JSON
- Is is possible to change line color in highchart xy plot for specific y range only?
- Highstock graph shows points instead of line at certain zoom levels
- Is it possible to have an upColor on a Area graph using Highcharts?
- How to create a drilleable bar graph in jsp page using open source charts API
- Highcharts - connect points with a line in scatter plot on hover
- Highcharts plot offset on line graph with categories
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- How to use Highcharts regression plugin to plot a trend line using angular 8 wrapper
More Query from same tag
- Update from milestone to task Highcharts gantt
- Highcharts error bars not linking with the datapoints.
- Highchart, One column as background for another
- HighChart generating table without chart
- Highchart xAxis "6 Hours Ago" ,"5 Hours ago" and so on. while my chart is updating
- How to add hyperlink to each part of high-chart's stacked bar chart in php
- Highcharts: Show x-axis labels ony for years ending in zero (1950, 1960, 1970, ...)
- Highcharts - How to hide series name and Y value in tooltip
- How to remove bullet from tooltip when using highchart?
- Highchart: JSON Failed to load resource: the server responded with a status of 404 (Not Found)
- Highcharts update graph from array data
- Preserve time spacing ratio of gaps in Highstock charts
- How can I copy/paste base64 images?
- HighCharts errorbar not displaying correctly
- Reset / Set ZoomType Control in Highstock
- missing value in highcharts line graph results in no line, just points
- How to avoid blank candles showing 0, 0, 0, 0 in highstock candlestick chart on dynamic update with shift
- How to create scrollbar in Highcharts
- Highcharts series click event not firing on first click
- how do I get two highcharts on one page?
- redraw funnel chart in highchart when a segment is removed?
- HighCharts - How can i use the period separator in xAxis
- Navigator line is different than series line
- How to sort objects by creation date to plug into high charts with Meteor
- HighChart - Stacked Bar chart - To show dash line over the bar chart but it is not visible on Left side of the bar
- Select highcharts DOM with jQuery after redraw()
- Highcharts add ellipsis for long data
- Handle checkbox input in x-axis label with Highcharts and AngularJS
- Highcharts spiderweb showing wrong categories at first position
- linkedTo with multiple ID in highcharts