Search found 1734 matches

Go to advanced search

by sebastian.h
Thu Feb 16, 2023 11:18 am
Forum: Highcharts Maps
Topic: Highcharts map with series data from API problem in Angular
Replies: 5
Views: 1008
 
Jump to post

Re: Highcharts map with series data from API problem in Angular

Hi, To do this you need to change the order so that the chart is only done after the data is loaded in the component above, for example, or do the update after the data is already loaded. This looks like an Angular problem and doesn't look too much like a Highcharts problem - more the order of loadi...
by sebastian.h
Tue Feb 14, 2023 1:27 pm
Forum: Highcharts Maps
Topic: Highcharts map with series data from API problem in Angular
Replies: 5
Views: 1008
 
Jump to post

Re: Highcharts map with series data from API problem in Angular

In the constructor put this.chartOptions and then you can get data, here is a simplified managing data service example. https://stackblitz.com/edit/angular-bdpgyg-tp68xg?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fmap-service.ts In order to have communication with the data and the chart, the best ...
by sebastian.h
Thu Feb 02, 2023 11:00 pm
Forum: Highcharts Usage
Topic: Question about highcharts angular component data binding and rescaling of axes
Replies: 1
Views: 481
 
Jump to post

Re: Question about highcharts angular component data binding and rescaling of axes

Thanks for your message, Despite your description, I'm unable to reproduce your case without a code example or online demo. I have prepared a case with two components, try to communicate them in a similar way as yours and prepare a simplified version of your case. Demo : https://stackblitz.com/edit/...
by sebastian.h
Fri Jan 27, 2023 5:25 pm
Forum: Highcharts Maps
Topic: CSS styling hover transition
Replies: 3
Views: 853
 
Jump to post

Re: CSS styling hover transition

Thanks for the message and example, After investigation it looks like a bug, CSS animation doesn't appear in the output for the specified data points. You can follow the GH ticket and add more details if it's needed, at this link: https://github.com/highcharts/highcharts/issues/18394 Demo: https://j...
by sebastian.h
Fri Jan 27, 2023 12:32 pm
Forum: Highcharts Usage
Topic: Series chart not updating in angular
Replies: 4
Views: 2205
 
Jump to post

Re: Series chart not updating in angular

In case of updating chart series the best approach is to link to the chartRef, note that series are structured like an array of objects, to update all of them you need to refer to their key. updateChart(): void { this.chartRef.series[0].update( { name: 'D', data: [0, 0, 0, 0, 0, 0, 13500, 0, 0, 0, 9...
by sebastian.h
Wed Jan 25, 2023 2:53 pm
Forum: Highcharts Usage
Topic: Series chart not updating in angular
Replies: 4
Views: 2205
 
Jump to post

Re: Series chart not updating in angular

Thanks for contacting and asking your question. Thanks for your code, but I can't recreate this, could you prepare example in online code editor? https://github.com/highcharts/highcharts-angular#online-examples An our angular Highcharts wrapper you can find demos that you can use as template, includ...
by sebastian.h
Thu Dec 08, 2022 11:20 am
Forum: Highcharts Usage
Topic: Highcharts width not 100% (highcharts-angular)
Replies: 8
Views: 14144
 
Jump to post

Re: Highcharts width not 100% (highcharts-angular)

Hi Jornathan, Thanks for your question. The chart height is calculated in relation to the chart width according to the documentation. https://api.highcharts.com/highcharts/chart.height An explicit height for the chart. If a number, the height is given in pixels. If given a percentage string (for exa...
by sebastian.h
Sat Nov 05, 2022 12:14 pm
Forum: Highcharts Usage
Topic: Column Comparison chart in angular typescript
Replies: 1
Views: 625
 
Jump to post

Re: Column Comparison chart in angular typescript

Hi, Thanks for your questions. Below present column comparison demo, to set active buttons follow the update references. Column comparison Highcharts demo in Angular: https://stackblitz.com/edit/highcharts-angular-property-xxx-doesnt-exist-on-t-hc8tlx?file=src%2Fapp%2Fapp.component.ts Information ho...
by sebastian.h
Thu Nov 03, 2022 4:57 pm
Forum: Highcharts Usage
Topic: Box zoom proportions
Replies: 1
Views: 372
 
Jump to post

Re: Box zoom proportions

Thanks for your message, Would you like zooming to work in such a way that when you change the width of the chart and then the height changes? To clarify, I need more details, and if you have the opportunity to show your settings, it would be better to use an example with code. Live demo, that you c...
by sebastian.h
Thu Nov 03, 2022 12:27 pm
Forum: Highcharts Maps
Topic: Custom SVG Map with lat/long marker and marker cluster
Replies: 2
Views: 938
 
Jump to post

Re: Custom SVG Map with lat/long marker and marker cluster

Thanks for your questions, If you want to use a cluster map should prepare a map to have a reference to the coordinate system, the generated SVG map is drawn without this. This article describes how to create your own map with a datum, you need to generate the map as GeoJSON/TopoJSON and then you ca...
by sebastian.h
Fri Oct 07, 2022 7:04 am
Forum: Highcharts Usage
Topic: Trigger ngOnChanges Manuualy.
Replies: 4
Views: 1096
 
Jump to post

Re: Trigger ngOnChanges Manuualy.

Hi, Unfortunately, I don't see a connection between our library anymore and the topic, your problem is more of the nature of understanding how Angular hookups work. I recommend the official Angular documentation: https://angular.io/guide/lifecycle-hooks https://angular.io/guide/inputs-outputs Feel f...
by sebastian.h
Thu Oct 06, 2022 10:05 pm
Forum: Highcharts Usage
Topic: Trigger ngOnChanges Manuualy.
Replies: 4
Views: 1096
 
Jump to post

Re: Trigger ngOnChanges Manuualy.

Hi, Thanks for your question, You can change Highcharts chart chartOptions options in Angular hookups such as ngOnChanges() . ngOnChanges(changes: SimpleChanges) { this.updateFlag = false; this.chartOptions = { title: { text: this.title.text, }, }; if (!changes.title.firstChange) { console.log(chang...
by sebastian.h
Thu Sep 15, 2022 1:22 pm
Forum: Highcharts Usage
Topic: Angular Highcharts reflow()
Replies: 4
Views: 2618
 
Jump to post

Re: Angular Highcharts reflow()

Hi n8dogg592432, I have prepared an example in which I show how to use the highcharts reflow() method. https://api.highcharts.com/class-reference/Highcharts.Chart#reflow We have two Angular methods hooked up to separate buttons, if you click on update the window size changes but the chart is not ref...
by sebastian.h
Wed Sep 07, 2022 11:19 am
Forum: Highcharts Usage
Topic: Data Table not showing Categories correctly
Replies: 7
Views: 1192
 
Jump to post

Re: Data Table not showing Categories correctly

My pleasure!
by sebastian.h
Tue Sep 06, 2022 4:14 pm
Forum: Highcharts Usage
Topic: Data Table not showing Categories correctly
Replies: 7
Views: 1192
 
Jump to post

Re: Data Table not showing Categories correctly

Hi Kristy, It's not a bug, options to show correctly categories with set your own category it's possible from API. This is more complicated but doable, it should rather be as a feature request to develop our library. Demo : https://jsfiddle.net/BlackLabel/hxydcgqj/ The main thing in this solution is...

Go to advanced search