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
- highcharts; add arbitrary data which lasts when rendered
- Highcharts - not able to resize onclick a button in angular 6
- Ability to show labels of checked serie after rendering highcharts
- Angular Highchart - Set Timezone
- Highstock Time series not formatting on scatter tooltip
- Renaming items in export menu in highcharts
- How can I have same hover point color in highcharts?
- How to manually trigger the afterSetExtremes event from a series click event in HighCharts
- plotting irregular time data from CSV with highcharts
- Graphing Data with HighchartsPHP (PHP Wrapper)
- How to add Indicators in High Stock Candle Stick Chart with Angular 5.0?
- How to detect multiple cliks in a bar in highchart column r shiny plot
- HIghcharts, Selecting a second Point within the Point.select event
- Blank Highcharts div fixed by a reboot?
- How to set marginLeft and marginRight in HighCharts5
- Highcharts data loading from a JSON file error in setting up datetime
- Symfony3 Highcharts pie chart blank
- How to display raw decimal numbers on tooltips in Highcharts.js
- UseHTML=True in legend ignores itemWidth on click
- A different suffix for each line on Highstock/Highcharts
- Highcharts - animations other than the default
- Stacked Bar Highcharts how to show the values
- Highcharts piechart is not drawing slices from JSON object
- How to increase weight of wordcloud for weight value less than 5 in highcharts
- Plot one point on Highcharts JS graph according to x-axis?
- How to show the column "Gender" to chart in Laravel from database?
- Highcharts: Radial gradient not showing on custom chart
- JSON getting data from multidimensional arrays
- Highstock, True way of Get count of shown points after setExtreme (Zooming) - WITHOUT counting all data with MIN and MAX
- Implements live highcharts in ionic 2