score:1
Accepted answer
all you need to do is to prepare the correct data format for each series and create a separate y-axis for each pane. i have prepared a simple example with your data here:
for (i; i < datalength; i += 1) {
date = new date(data[i].date).gettime();
ohlc.push([
date, // the date
data[i].open, // open
data[i].high, // high
data[i].low, // low
data[i].close // close
]);
volume.push([
date, // the date
data[i].volume // the volume
]);
if (data[i].ema_1) {
ema1.push([date, data[i].ema_1]);
}
}
live demo: https://codesandbox.io/s/highcharts-react-d-zn9oj?file=/demo.jsx
Source: stackoverflow.com
Related Query
- Highchart EMA, Price & MACD plot
- Highcharts plot MACD + EMA + Volume
- Plot Highchart Gauge with JSON Data
- How to know information about the clicked bar in highchart column r shiny plot
- programatically fire a click event for a point on highchart scatter plot
- Highchart - Plot missing DateTime values on xAxis
- HighChart : plot line click event for multiple chart
- Why does this highchart plot not render in IE or chrome?
- Highchart plot points are being displayed incorrectly
- Is there limit on the number of data points to plot HighChart
- Correct format of using csv data to plot highchart
- Price line disappears in HighChart
- Plot Highchart multiple series line chart using JSON data
- React: How to plot API response in highchart
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- change background color for highchart candlestick plot
- Unable to plot two piechart using Highchart
- Strange character in the Highstock source code
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- Highchart shiny R scatter plot - how to define individual point colors
- When adding point on dynamically created Multiple Highchart Graphs on a single page, the plot line draws to the start point instead of last point?
- How to plot multiple lines in a single graph using HighChart with JSON
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- How to plot incomplete series with highchart
- Is is possible to change line color in highchart xy plot for specific y range only?
- Highchart datetime graph x-axis unable to get data on plot when min and max is on
- Column based Highchart drilldown series assign color code to each column
- How to detect multiple cliks in a bar in highchart column r shiny plot
- Highchart - alternateGridColor, plot bands issue
More Query from same tag
- When calling an AJAX post request to rails db, the return data is a list of generic objects
- Display informations under the X-Axis like in Excel with Highcharts
- modifying Highcharts tool tip with for a bar chart dynamic data
- Highcharts - x axis incorrect date labels appearing
- Highcharts: how do I call an external .js file in the <head> of my highcharts page
- How to set the default display block position on the time line of highstock charts?
- Column chart in Highcharts - select series with a click
- Include additional highcharts source data in angular2 app
- How to implement similar line chart using the Highcharts library?
- How do you create a survey that will immediately display the results as a pie chart on a website?
- Highcharter/Highmap: change legend label format for billions
- Highcharts Bubble chart mouseover breaking animation
- Dynamic series for columrange (highcharts)
- jquery display 2 series hightchart from database
- Highchart selection without zoom
- highcharts custom colors and tootip point color
- Display the total count of json key-value pairs in the series in high charts
- highcharts rangeSelectorZoom label
- How to combine 2 series in area chart - Highchart
- Loading Highcharts in an iframe
- Highchart - Export data as Excel file
- Object structure changed internally
- Access props and state of current component in React JS within an event handler
- how to remove of y -axis label in chart?
- Highcharts : How to apply style to x-axis Labels?
- Make stack label disabled for a column in stacked column graph in Highcharts
- Highcharts drill-down using table element as data-source
- With HighCharts, how can I have the same tooltip formatter as my y axis
- Is there a way to limit legends on a horizontal layout on specific amount of rows during export?
- How to use image on label depending on data?