score:1
Accepted answer
I think that you only need to assign the reference of the Vue instance to a variable and then use it in formatter function. Remember also to add a reference to the computed property.
Demo: https://codesandbox.io/s/highcharts-vue-test-forked-c7pvw?file=/src/components/StockVue.vue
score:0
Assign the reference of the Vue instance to a variable that worked for me.
export default {
name: "StockVue",
method: {
exportTooltipData(data){
console.log(data)
}
},
computed: {
stockOptions() {
const exportFn = this.exportTooltipData;
return {
...,
tooltip: {
shared: true,
formatter(){
exportFn(this);
retuen `
open: ${this.points[0].point.open}
`
}
}
}
}
}
}
Source: stackoverflow.com
Related Query
- How to access Highcharts stock tooltip data in Vue?
- How to hide one series data info in tooltip using highcharts
- How to edit tooltip in Highcharts C# code
- how to use highcharts tooltip formatter in python code
- Highcharts Tooltip - Access "z" value in series data array
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- How can i access data from series in tooltip
- Highcharts - how to access category of multiple axis of the point from tooltip
- How to have multiple highcharts with different series data in vuejs without repeating code
- How to display tooltip data below x-axis category labels using Highcharts
- how do i link my sqlite(PDO) databse data to highcharts code
- How to force tooltip to show in multiple graphs in highcharts with Vue 3?
- how to insert data in the tooltip of a highcharts chart?
- How to display extra data in highcharts bubble chart tooltip with datetime x-axis
- How to get multiple series data in tooltip highcharts (Without loosing tooltip pointer arrow)
- highcharts tooltip formatter: how to access adjacent points
- How to display custom or non-series data array on Highcharts tooltip on hover?
- How to bind dynamic data in highcharts Tooltip
- How can I get access to a Highcharts chart through a DOM-Container?
- How to make highcharts default to 0 for missing data
- How to show No Data Available Message in highcharts
- How to get multiple series data in tooltip highcharts?
- How to display No Data Available Message in highcharts
- Highcharts How to Show Loading Animation At Set Data
- How do I dynamically change a data point in Highcharts using JavaScript
- Highcharts - How to display legend symbol inside the tooltip
- how to set dynamic data in highcharts
- Highcharts how to remove headers from tooltip
- Highcharts - How to hide series name and Y value in tooltip
- How to pass json data to highcharts series?
More Query from same tag
- Highcharts synchronized charts with multiple axes datasets
- How to auto adjust the bar with respect to the plotBand option in xrange highcharts?
- Highmaps js, on Hover display additional data
- Color coutries/continents with own custom colors in highmaps
- Solid Guage Chart with 2 data series in Highharts
- How to place tooltip above point in highcharts x-range?
- Highstock reverts to same color for columns
- Highcharts Treemap Tile Name Blocking Click
- Highcharts Gaussian Chart / Gaussian Distribution, with PHP
- User inputs in highcharts
- Highcharts - sorting JSON data JavaScript
- live charts using chart.js
- Highstock chart - issue with xaxis label
- Highchart Treemap Colors
- How can I display the current value from a chart?
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- Highchart - Activity guage display lable and lagends
- Show / Hide plotband in Highcharts - Javascript
- Highcharts Column w/ drilldown not working in Rails 4
- highcharts: stop chart from trapping mouse events, or capture mouse click on the ENTIRE chart
- Angular 8 & Highcharts - how to show tooltip crosshairs
- Highcharts plotbands text should not overlap with columns
- Highcharts: how to use multiple line formats in one series?
- Angular : SetData to HighChart widget from an array object
- Is there a event that is fired when fullscreen transition ends
- Render chart only once with multiple events : Highcharts
- Highchart + Plotly dash Graph displaying before pressing the button
- y-axes of Highcharts line chart
- DotNetHighcharts - How to only use first column of 2d array as Data
- HighCharts change zoom selectionMarkerFill color dynamically