Search found 37 matches

Go to advanced search

by littlerave
Wed Feb 28, 2024 3:12 pm
Forum: Highcharts Maps
Topic: Zoom by specific amount at specific point
Replies: 5
Views: 2418
 
Jump to post

Re: Zoom by specific amount at specific point

Sorry for the late reply. The zoomToBounds method worked perfectly in my case. It even allows for a padding so I don't have to calculate that in, which is perfect. Thanks.
by littlerave
Thu Nov 02, 2023 6:59 pm
Forum: Highcharts Maps
Topic: Zoom by specific amount at specific point
Replies: 5
Views: 2418
 
Jump to post

Re: Zoom by specific amount at specific point

Thank you for the response. As mentioned, I've tried those methods already. The current map I'm testing on is 6263 x 8675 and I need to zoom in to a rectangle with the dimensions 777 x 903 with the center at 2621.5 / 4966.5, i.e. I need to zoom in horizontally to 0,1240619511416254% of the whole map...
by littlerave
Wed Nov 01, 2023 6:33 pm
Forum: Highcharts Maps
Topic: Zoom by specific amount at specific point
Replies: 5
Views: 2418
 
Jump to post

Re: Zoom by specific amount at specific point

I've also tried adding the information to the chart options I'm using. Then redraw. But the redraw method generally seems to do absolutely nothing. So I don't know if this would theoretically work if I could redraw the map. this.chartOptions.mapView = { center: [bounds.midX, bounds.midY], zoom: zoom...
by littlerave
Tue Oct 31, 2023 9:04 pm
Forum: Highcharts Maps
Topic: Zoom by specific amount at specific point
Replies: 5
Views: 2418
 
Jump to post

Zoom by specific amount at specific point

In my app I have a fileupload with which the user can upload an SVG file, which will then get turned into a number of form input fields and a highcharts map. Series data can be updated with the form, and countries can be set as active or inactive, which will then add or remove the entry from the ser...
by littlerave
Thu Jan 26, 2023 6:46 am
Forum: Highcharts Maps
Topic: CSS styling hover transition
Replies: 3
Views: 853
 
Jump to post

Re: CSS styling hover transition

Thank you for your reply.

I'm using Angular 14.1.0, Highcharts 10.3.1 and Highcharts-Angular 3.0.0. As requested I've modified the stackblitz example to showcase the issue: https://stackblitz.com/edit/highcharts- ... ine-o4nn4x
by littlerave
Fri Jan 20, 2023 4:49 pm
Forum: Highcharts Maps
Topic: CSS styling hover transition
Replies: 3
Views: 853
 
Jump to post

CSS styling hover transition

Hello, I'm using a custom Highcharts map inside an Angular application with Angular Material styling, thus I want to set the colours of the map according to the material theme's colours. So I've set styledMode to true and applied the following css rules: .highcharts-point { fill: green; transition: ...
by littlerave
Tue Jul 05, 2022 5:50 am
Forum: Highcharts Maps
Topic: Update map via user input
Replies: 1
Views: 660
 
Jump to post

Update map via user input

Hello, I've created a fileupload in angular, with which a user can upload an SVG file that gets converted into a map series (not relevant to the actual problem). Afterwards, a form with a range of input elements gets created for each of the countries, allowing the user to set a name, id, and whether...
by littlerave
Mon Jul 04, 2022 6:27 pm
Forum: Highcharts Maps
Topic: Set Highcharts map width to 100% and height to a fix value
Replies: 5
Views: 3277
 
Jump to post

Re: Set Highcharts map width to 100% and height to a fix value

Thank you for your reply. Your assumption is correct, I'm using angular. If I set the 100vw as inline style to the <highcharts-chart> element, it does work. Is there a way to set the width in my scss files instead of inline?
by littlerave
Sat Jul 02, 2022 2:33 am
Forum: Highcharts Maps
Topic: Set Highcharts map width to 100% and height to a fix value
Replies: 5
Views: 3277
 
Jump to post

Set Highcharts map width to 100% and height to a fix value

Hello, I'm trying to set a map's width to 100% (the parent element has a width across the whole screen, so 100vw) but limit the height to 250px. However, the map always defaults back to the 600px width. I'm not setting a width in the chart options but only the height of 250px. this.chartOptions = { ...
by littlerave
Fri Jun 24, 2022 7:29 pm
Forum: Highcharts Maps
Topic: Make Highcharts map take 100% width and height depending on map content
Replies: 3
Views: 12897
 
Jump to post

Re: Make Highcharts map take 100% width and height depending on map content

Thank you for your response. Unfortunately, as I've mentioned, the aspect ratio can be anything because the user can upload any svg file with map data. This means, I cannot set a specific aspect ratio, it needs to be automatically taken from the svg dimensions.
by littlerave
Thu Mar 10, 2022 8:41 pm
Forum: Highcharts Maps
Topic: Make Highcharts map take 100% width and height depending on map content
Replies: 3
Views: 12897
 
Jump to post

Make Highcharts map take 100% width and height depending on map content

Hello, In my angular app I have a highcharts map inside a container with dynamic width. I load a custom svg map into the highcharts element. I want the map to take up the full 100% width of the container and the height adjust according to the size of the map, so the paths of the map take up the full...
by littlerave
Sat Feb 05, 2022 11:11 pm
Forum: Highcharts Maps
Topic: SVG to map conversion
Replies: 1
Views: 898
 
Jump to post

SVG to map conversion

Hello, So far I've been using the github page to convert SVG files into map data for my multi-leveled drilldown map. However, I'd like to dynamically upload an SVG file in my angular app to convert it into map data and then store it as drilldown map for a specific country in my database instead of u...
by littlerave
Wed Nov 17, 2021 2:58 am
Forum: Highcharts Maps
Topic: Drilldown on double click in angular
Replies: 5
Views: 2347
 
Jump to post

Re: Drilldown on double click in angular

Thank you for your reply. I ended up removing the drilldown attributes from the map data, so the double click event always fired and then manually called the drilldown event handler. Since my drilldown attributes are the same as the the data's ids, this was a simple fix.
by littlerave
Fri Oct 29, 2021 5:15 pm
Forum: Highcharts Maps
Topic: Conversion from svg to highcharts path misses path points
Replies: 1
Views: 979
 
Jump to post

Conversion from svg to highcharts path misses path points

Hello, I've created several custom map data from svg using https://highcharts.github.io/map-from-svg/ so far and never had an issue, however, now I've run into some trouble, with some points that seem to be missing in the outcome, which look fine in the svg causing either countries to overlap or hol...

Go to advanced search