score:1
Accepted answer
You just need to map your csv data to the proper series data structure:
data: {
csv: document.getElementById('csv').innerHTML,
seriesMapping: [{
x: 0,
open: 1,
high: 2,
low: 3,
close: 4
}, {
x: 0,
y: 5
}]
},
series: [{
type: 'ohlc'
}, {
type: 'line'
}]
Live demo: http://jsfiddle.net/BlackLabel/da74pokt/
API Reference: https://api.highcharts.com/highcharts/data.seriesMapping
Source: stackoverflow.com
Related Query
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- How to plot line in highcharts on charts click event?
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?
- Highcharts - How do I keep both line points in from splitting between the two bar charts
- How to plot a highstock single line series graph from ajax data
- How to scrape data from Highcharts charts using selenium and python?
- how to make chart real time with 2 line and get data from php with highcharts
- How do I get DateTime from mysql and set it to json format ready for highcharts
- How to set High charts series with X and Y value from mysql database
- How to draw a chart from one array of data and make labels on the chart from another array of data? Highcharts v.4.0.4
- How do I set multiple unique charts in their own DIVs using an AngularJS directive and Highcharts
- Highcharts - How to remove connecting line between fixed tooltip and point
- How to set plot area width and height in Highcharts?
- Highcharts - How can I remove starting and ending padding from area chart
- How do I set highcharts line graph point colors to an array of colors?
- Highcharts shared tooltip for line series and scatter plot not working
- Highcharts padding between plot and graph, how to remove?
- Highchart / Highstock how to set color of individual ohlc or candle?
- How to remove the value and number labels from Highcharts angular gauge
- Highcharts - How to make a scatter plot with multiple series from HTML table
- How to change space value between grid and yAxis in Highcharts line chart
- Highcharts - How to plot a X axis line on my bell curve (Standard Deviation Curve)
- How to export multiple charts in HighCharts to one file (png, jpeg, pdf)
- Fetch data from firebase firestore and plot histogram using highcharts when cardview clicked - android
- How set options from HIGHCHARTS in a chart using vue chartkick
- How to remove sliced line from pie high chart if there there is only one object in data
- Highcharts -- how to change line width programmatically and prevent resetting line width?
- highcharts - set line color on mouseover and mouseout?
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- Highstock charts - change position of rangeselector From and To inputs
More Query from same tag
- Adding Highcharts to Chartkick Gem
- Using an input box to get a variable?
- Highcharts title animation
- highcharter hcaes "group" usage while plotting large amounts of data with highchart2()
- How do I change the style of the inner part enclosed by the lines(polar) chart created with highcharts?
- Highcharts crosshair with labels on axes
- How to change size of bubbles in Highcharts' 3D scatter chart?
- HIGHCHARTS, Replace zero with 0.1 >
- How to change the font family of Highchart to Bootstrap css default font family
- Highcharts spider chart with radial gradient fill not centered
- different name series in highchart
- Highchart tooltip PointOptionsObject interface implementation
- HighChart with large amount of data(complex structure) not working
- Highstock with php and mysql
- How to pass custom data into Highcharts graph click event
- Overriding log scale with highcharts export server
- Highcharts, Can you change the chart type for drilldowns?
- Highcharts: Creating gantt chart having stacked rows
- Why doesn't dataGrouping.units work here?
- highcharts - zoom issue after changing series data
- How add months as a x-axis to stock chart/ high charts
- HighCharts: Is it possible to remove every other value on the x-axis?
- Loading Highcharts data via ajax removes Datalabels
- How do I know if currently displayed chart data is grouped?
- Highcharts Heatmap colorAxis stops no gradient
- HighCharts / Highstock How to build 100% stacked area chart
- HighCharts: Labels visible over tooltip frame
- Gwt Highcharts Marker or Symbol Rotation
- How to render html with highcharts in ionic 2
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?