score:1
Accepted answer
You can disable visible
property for the first series and use tooltip's formatter function to find a matched point from the hidden series and show it's values.
tooltip: {
formatter: function(tooltip) {
const originalFormat = tooltip.defaultFormatter.call(this, tooltip);
const point = this.points[0].point;
const originalPoint = tooltip.chart.series[0].points.find(
p => p.x === point.x
);
originalFormat[1] = `<span style="color:black">●</span> <b> ${point.series.name}</b><br/>Open: ${originalPoint.open}<br/>High: ${originalPoint.high}<br/>Low: ${originalPoint.low}<br/>Close: ${originalPoint.close}<br/>`;
return originalFormat;
}
},
series: [{
name: 'Values',
type: 'ohlc',
visible: false
}, {
name: 'Adj_Values',
type: 'ohlc',
visible: true
}, ...]
Live demo: http://jsfiddle.net/BlackLabel/k2mhvdp6/
API Reference: https://api.highcharts.com/highcharts/tooltip.formatter
Source: stackoverflow.com
Related Query
- Highcharts/Highstock How to show original OHLC values in tooltip for chart drawn using adjusted OHLC values?
- Highcharts Highstock How do I change the label on top of tooltip for OHLC series data?
- Column Chart Show datalabel for null values - Highcharts
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- Highcharts - Highstock chart showing double line on hovering data points to show tooltip
- Highcharts - How to show intermediate values on Area chart
- How To Show Tooltip In Sparkline Chart From Code
- How to modify highstock chart so that it can be used for displaying ranks (Lowest values on highest points)
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
- Show value of last point as label or tooltip on Highcharts Stock Chart
- Show HighCharts tooltip when chart loads
- How to show only specific x-axis values on datetime axis in Highcharts
- how to pass values to tooltip which not in x and y axis in highcharts
- Highcharts : Shared Tooltip for non-matching x values
- How to show 0 for incomplete Series in Highcharts
- How to format my json data for stack column chart in HighCharts
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- How To Show All Data Labels For Datetime Axis In Highcharts
- Highchart / Highstock stack column chart show one series's tooltip at a time
- How to show Legends for all the series data in stacked column chart Highcharts?
- Highcharts - In area chart how to use gradient color for multiple series?
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- Center tooltip for highcharts area chart
- How to edit tooltip in Highcharts C# code
- highcharts dataLabels support RTL with enable hover it for show tooltip
- Highstock shared tooltip multiple series - show data for line when not on point
- How to make legend color show up in Highcharts for a line graph under certain conditions?
- how to take only categories for x-axis and remove unwanted scaling in Highstock chart
- how to use highcharts tooltip formatter in python code
- Why does this Highcharts graph only show tooltip for the first and last nodes?
More Query from same tag
- Can I add an xAxis break dynamically based on live data feed
- How to create multiple highchart and print in HTML page by using for loop?
- highcharts pie using javascript array
- color sides of 3d pie chart in highcharts
- Accessing another list in the dataLabels.formatter function in Highcharts
- Highcharts - drawing rectangle with angularjs
- Highcharts many panes
- Any solution to reduce loading time when using localStorage?
- Angular-Highcharts: Cannot read property of 'Apartment' of undefined of an object
- Highcharts, Rails - way to set start point for graph?
- Printing html page elements
- Json in perfect form but Highcharts chart won't populate
- not able to show x axis data with datetimelabel format with {hh:mm} in high charts
- Highcharts update xAxis category when calling series.setData
- How can I display the current value from a chart?
- Highcharts wrap processData on line charts doesn't draw right data points
- Highchart.js: use bootstrap glyphicons instead of symbols on contextbutton
- Data Grouping - Monthly (end-of-month)
- In highcharts, the data in the legend is overlapping incase of data less than 10000
- HighCharts, multiple charts on page call via function
- Updating a Highchart from a form with a click() event in jquery
- highcharts: individual serie shift
- High Charts - Set Solid Gauge Value from JSON
- jsPDF not rendering highcharts image on Edge browser
- Javascript Highcharts rename or remove series label in chart
- Symfony2 Highcharts-Bundle with dynamic update
- Highchart tooltip issue
- "TypeError: Cannot read property 'pos' of undefined" after deleting data from chart
- Highcharts, displaying two sets of data on the same line chart
- What is the best strategy for testing D3/HighCharts/SVG?