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 Articles
- Is it possible to plot points on a line graph using two separate arrays? (highcharts)
- Is such graph possible to plot Using Highchart?
- Plot a bar graph using Highcharts drilldown with two different JSON end points
- missing value in highcharts line graph results in no line, just points
- Drawing a line between 2 points in line chart using Highcharts?
- Show only discontinuous points in Highcharts line graph
- Plot Highchart multiple series line chart using JSON data
- 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?
- How do I plot the x axis line using Highcharts when pegged at 0?
- Using a plot line comparator in Highcharts
- Plot a Ganglia graph using AngularJS
- 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
- Is there a way to plot more than 1000 points in a scatter plot using the Highcharts .NET Wrapper?
- Is it possible to plot a chat like the below screenshot using highcharts?
- Plot graph points as a live stream : Highcharts
- How to draw following graph using Scatter Plot highchart?
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- how to Extend highchart plot band outside graph using android wrapper
- Is there a solution to plot 3D multiple time line series in web application using highcharts or any other libraries
- HighStock Library: How to keep the same color for each segment in case of selecting
- How to space columns in HighCharts
- alternative way to change hovered series and its points properties in a HighCharts chart
- pie chart highcharts from django query
- Change Font dateTimeLabel Highstock
- Dynamic series for columrange (highcharts)
- Negative color with area color fill and yAxis
- HighChart to show multiple chart after drill down?
- Custom Cursor in Highmaps when no data is available for hovered country
- Issue in Ordering of JavaScript libraries
- How to hide empty stacked columns in categories in Highcharts?
- Organization chart doesn't show all labels
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle
- How To Load CSV File Data On HighChart?
- what should be the initial dataset from millions of data points for stock line highcharts
- Datetime format for series - Highcharts
- Highcharts custom renderer chart and tooltip
- Highcharts "click" range on load with jquery, or addSeries on load
- HighCharts - hide date on x-axis and have only hours and minutes
- how to update highstock indicators on dynamically updated chart
