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
- Highcharts write xaxis values on 2 different lines
- How to customize the label for navigator in highstock
- highcharts: resize exporting dropdown
- X-axis doesn't show correct time
- Highcharts Gauge Chart display value at tickPositions:
- bug display of many Highcharts and Highstocks on the same page
- HighCharts WorlMap datalabel translation
- How does Similarweb create their PDF reports?
- Highcharts xrange chart is not respecting datetime xAxis min and max values - shows space on both sides
- Real Time Bar chart using Highcharts and AngularJs
- Highcharts column width with variable x axis point spacing
- how to pass datalabels along with data to show it in tooltip in highchart
- Highcharts dim unselected bars color on hover
- Javascript chart component that can handle annotated news headlines
- How to make interactive highchart tooltips
- tooltip in highcharts does not work properly
- Highcharts Plot Reciprocal Values For Column Height
- text-decoration:line-through; in SVG rendered by Highcharts
- Highcharts: Hide and show legend
- how to set max min on highcharts dynamically
- Loading several large dataset in Highcharts
- highcharts hide the chart except the legend
- verticalAlign ignored for non 0 rotation
- Highcharts not workng with angular 4
- highchart to views in cakephp 2.4
- How to change background color of every single bubble in highcharts?
- Highcharts shared tooltip requires different valueSuffix and varying decimals
- how to make bubble chart in highchart selected a bubble on load
- How to display months in x axis labels in highcharts
- ExtJs Combobox with svg picture (highart) as value