score:1
Accepted answer
there are multiple issues:
ploatoption
must beplotoptions
.- there is no
series.animation.complete
property. you need to useseries.events.afteranimate
. - use need to use either
bind(this)
or arrow functions in callback to preserve the meaning ofthis
. more info on this here. - you are initializing the chart before the series is initialized in the
bindbarchart()
function. wrap it in*ngif
to initialize it after thechartoptions
property is defined.
controller (*.ts)
plotoptions: {
series: {
animation: {
duration: 200
},
events: {
afteranimate: () => this.charthighlight()
}
}
},
template (*.html)
<ng-container *ngif="!!chartoptions">
<highcharts-chart
style="display: inline-block"
[highcharts]="highcharts"
[options]="chartoptions"
[(update)]="updatechart"
[callbackfunction]="chartcallback"
></highcharts-chart>
</ng-container>
i've modified your stackblitz.
Source: stackoverflow.com
Related Query
- How to call a function after Highchart animation complete In Anguler?
- How can i call java script function by clicking x Axis label on Highchart
- How to call typescript function inside High chart click event
- How To Call A Function To Make A Graph Using HighCharts in PHP
- Highchart completely loaded after animation event
- Vue js + HighChart - how can I make a synchronous axios call before the component get rendered?
- Highchart export, execute function after completion
- Call a function from within highchart click event in reactjs
- how to fix tooltip after highchart upgrade
- highcharts how to have loading animation after data update?
- How to call Highcharts tooltip formatter function from outside the config object?
- How to get chart min and max values after Drag zooming in highChart chart?
- How to call a function in kendo
- How can I return list object to ajax call back function from asp.net web form?
- How to fire a jquery function onchange from an html element in highchart event on click?
- how do you call getJSON inside the highchart section
- How to call a JS function every 10 sec which then activates a function in angular
- How to update/add Highchart options/properties after the chart/object has been created?
- call function onclick highchart
- how do you call function to pull data automaticall to chart in highcharts
- How do I calculate the sum of the points in a HighChart after I edit it
- how to get array or start index and end index after zoom on highchart
- how to call ajax function to update the Highcharts graph dynamically?
- How to call Objective-C function from javascript in iOS
- How to call another function on changing the time range selector and date selector in Highcharts stock?
- How to render Gantt Highchart from data source
- Highchart spline Cut Off when reach to maximum scale value. How can it fixed?. I have attached may sample code on body
- How to set json data from url on highchart and polling the json data after 1 sec to dislay on highchart using Angular js
- how to call button click event on click of slice of piechart using highchart
- How to make a function call every few seconds in c#?
More Query from same tag
- Odd animation with multiple series
- show custom date on xAxis in highstock lineseries
- how to use function (chart) in react?
- Highchart Treemap colorindex for fixed color values
- Getting all colors from a div with jQuery/JS
- controlling the resolution (dpi) of an exported JPG from highcharts exporting-server
- highcharts non numeric range on secondary yAxis
- handle click event in bar chart
- Highmaps - Political borders
- Draw symbols between bars in highcharts
- HighCharts round down when over 100
- Highchart - How do I create the attached image gauge within a semicircle pie chart
- how do you create custom buttons with highcharts that each data buttons calls anather php script for its data
- Storing mysqli_query into multidimensional php array and utilizing that array as input to highcharts
- How To Use Highmaps Data In JSON Not Labeled 'value'
- Highcharts remove zoom feature
- Angular-Highcharts: Cannot read property of 'Apartment' of undefined of an object
- Higcharts population pyramid with csv data
- Using Highchart with Codeigniter
- highchats heatmap how to show all categories on y-axis
- Highcharts JSON decimal data format issue
- Why does the country with no data always go on top?
- Angular 11 ,loading ~150 highcharts in one page , performance is bad, ui freeze
- Disable average values on highchart line graph
- Highcharts Pie Chart - slice color dependent of category
- Customize highcharts under the hood
- Meteor highchart in modal
- Button takes you to drilldowns in HighCharts
- Where can I find the API documentation for older versions of Highcharts?
- Wait until an action ends before continuing execution of code