score:1

Accepted answer

below is a working code for the required result:

let options = hioptions()

let chart = hichart()
chart.events = hievents()
chart.events.load = hifunction(jsfunction: "function() { this.tooltip.refresh(this.series[0].points[2]); this.tooltip.refresh(this.series[0].points[4]); this.tooltip.refresh(this.series[0].points[6]); }")
options.chart = chart

let tooltip = hitooltip()
tooltip.formatter = hifunction(jsfunction: "function() { return '...'; }")
options.tooltip = tooltip

let plotoptions = hiplotoptions()
plotoptions.column = hicolumn()
plotoptions.column.point = hipoint()
plotoptions.column.point.events = hievents()
plotoptions.column.point.events.mouseover = hifunction(jsfunction: "function() { let tooltip = chart.tooltip; tooltip.update({ formatter: function() { return 'new content!' } }) }")
options.plotoptions = plotoptions

let column = hicolumn()
column.data = [4, 3, 5, 6, 2, 3, 7, 9, 12, 15, 2, 4, 6]
options.series = [column]

score:0

slight change in the accepted answer as graph need little time to load so setting timeout of 200ms, if data is more increase the time accordingly

let options = hioptions()

let chart = hichart()
chart.events = hievents()
chart.events.load = hifunction(jsfunction: "function() { var self = this; settimeout(function(){ self.tooltip.refresh(self.series[0].points[2]); }, 200); }")
options.chart = chart

let tooltip = hitooltip()
tooltip.formatter = hifunction(jsfunction: "function() { return '...'; }")
options.tooltip = tooltip

let plotoptions = hiplotoptions()
plotoptions.column = hicolumn()
plotoptions.column.point = hipoint()
plotoptions.column.point.events = hievents()
plotoptions.column.point.events.mouseover = hifunction(jsfunction: "function() { let tooltip = chart.tooltip; tooltip.update({ formatter: function() { return 'new content!' } }) }")
options.plotoptions = plotoptions

let column = hicolumn()
column.data = [4, 3, 5, 6, 2, 3, 7, 9, 12, 15, 2, 4, 6]
options.series = [column]

Related Query

More Query from same tag