Questions tagged [highmaps]

Highmaps is a HTML5 mapping component optimized for creating schematic maps in web based projects. It extends the Highcharts JavaScript API and allows web developers to build interactive maps.

Highmaps is a HTML5 mapping component optimized for creating schematic maps in web based projects. It extends the Highcharts JavaScript API and allows web developers to build interactive maps.

Highmaps support various map types. Among these are: map area, map line, points of interest, bubbles on maps and heatmaps. These features correspond to series types in Highcharts.

It works in all modern browsers including the iPhone/iPad and Internet Explorer from version 6. Standard browsers use SVG for the graphics rendering. In legacy Internet Explorer graphics are drawn using VML.

It is commercial, but free for non-commercial usage.

It is open source and allows personal modification of the downloaded source code.

Highmaps accepts the standardized GeoJSON format for map input.

Resources

278 questions
3
votes
1 answer

Is a Highcharts heatmap possible with a datetime axis, in a single row?

I'm trying to create a highcharts heatmap using data in datetime format. The data is hourly, extending for several days. I don't want the chart to wrap around for each day, but want all the data on one line. Specifically, it's for showing the…
WxGuy
  • 371
  • 2
  • 6
2
votes
1 answer

Vue.js - Highmaps - Redraw map on series change

I have a highmaps 'chart' and the only thing that I want is to redraw the whole map inside an external function. Let me explain better. The map draws itself immediatly when the page loads up but I fetch some data from an external service and set it…
Eugenio
  • 1,013
  • 3
  • 13
  • 33
2
votes
1 answer

Highcharts Highmap world - color all countries within a continent

I cannot get the world map to work by coloring in country iso codes supplied by a back end app. I have a fiddle here. My code is: var chartData = [{ "name": "Africa", "data": ["DZ", "AO", "BJ", "BW", "BF", "BI", "CM", "CV", "CF", "TD", "CD",…
TheRealPapa
  • 4,393
  • 8
  • 71
  • 155
2
votes
1 answer

Highmaps : Custom data label on world map

Question is about how can I create custom data label like here in Highmaps's world map. I want data label for pointData which I am plotting as mappoint. So far I have my map configuration as { title: { text: 'Test map' }, tooltip: { …
Shalin LK
  • 190
  • 5
  • 14
2
votes
1 answer

Highcharts - Highstock "inputEditDataFormat" breaking input

I am building a highstock chart at my company and currently I'm having the following issue: I need to change the rangeSelector input fields to german locale format. For example: 25.06.2016 But I noticed that, as soon as I change the date format in…
Richard R
  • 75
  • 1
  • 1
  • 9
2
votes
1 answer

Highcharts map doesn't change color on hover

I have the following settings in my Highcharts map, and when I mouse over a country, it doesn't use the color, and I am not sure why. All that happens is that it changes to a light blue color. Highcharts.mapChart('geo-graph', { series: [{ …
Get Off My Lawn
  • 34,175
  • 38
  • 176
  • 338
2
votes
0 answers

HighMaps cannot update options inside mapNavigation field

I'm trying to enable Mouse Wheel Zoom only when the map is focused. I've made the container div focusable, added relevant click handlers to options for focusing manually (highcharts prevents the default action), and added onfocus and onblur handlers…
2
votes
1 answer

GeoJSON drawing incorrectly in Highmaps

I am having trouble drawing GeoJSON shapes in Highmaps. It draws the correct shape, but it is drawing the mirror image far below where it should be. When I parse the GeoJSON and create an SVG path out of the coordinates, it draws it properly, so I…
MikeSWelch
  • 21
  • 2
2
votes
1 answer

Highmaps mulitple series can't seen without disable one

I have 2 series as you can see below.
user2761286
  • 229
  • 2
  • 10
2
votes
1 answer

Adding Maplines in HighMaps using geojson file

I a trying to create a chloropleth map of population in HighMaps using custom geojson files. I have 2 geojson files - the first contains county level data and the second contains smaller townland areas which are contained within the counties. I am…
Maeve90
  • 345
  • 1
  • 6
  • 14
2
votes
0 answers

wrong position of legend ticks in highmaps

I have something wrong somewhere in my code and I can not figure out where to look at. I create world map and I want to have legend bar, but appearance of color bar and ticks are in different places. It looks like this: My code to create world map…
Radek Lonka
  • 107
  • 3
2
votes
1 answer

Highmaps isn't using a color gradient

I'm using Highmaps to show the number of relevant users from each individual country. This should then be displayed in a gradient, so that the more users there are from a country, the darker the color. I have it running in Highmaps so that it loads…
zojwek
  • 121
  • 9
2
votes
0 answers

Displaying Multiple Points And Drilldown Data in Highmaps

I used the example given in this post ( Displaying Points And Drilldown Data in Highmaps ) it works fine if you have a drilldown series with a single point but if you have more then one tempSeries = chart.addSeries({ …
Monther
  • 91
  • 1
  • 1
  • 7
2
votes
1 answer

this.point.properties undefined highmaps

I am using a custom map in highmaps. My map is rendering well and when I try to bind the points to data it works. My problem is I cannot read the point properties or attach events to any point. The error on the console is that this.point.properties…
joel
  • 161
  • 1
  • 6
2
votes
1 answer

Change the zoom level for highmaps

I have been trying to reduce the amount the map zooms in/out when pressing the zoom in/out buttons. It seems there is no variable for this, and that it requires a custom function using http://api.highcharts.com/highmaps#Chart.mapZoom What I would…
Fred
  • 49
  • 1
  • 7
1
2
3
18 19