jb3_2
Posts: 48
Joined: Wed Sep 20, 2017 12:05 pm

Chrome 67 Maps Render Error Workaround not Working for my Ma

Hi,

As you describe here (https://forum.highcharts.com/highmaps-u ... ps-t40697/) there's apparently a problem in Chrome 67 that makes it unable to render Highcharts 6.1 maps. You suggest to use the latest highcharts version from github master branch. In my case, the resulting map ist not correct, the chropleths are not colored correctly.

Here's a fiddle that uses the latest commit in master branch that shows the problem in all browsers: https://jsfiddle.net/jb3_2/bse1v7h2/

In this fiddle, the map is rendered using Highcharts 6.1, which works out fine in IE11 and Firefox, but due to above mentioned problem not in Chrome 67: https://jsfiddle.net/jb3_2/q92p468y/

Can you please help me get my maps work in Chrome again?

Thanks,
J.
daniel_s
Posts: 753
Joined: Fri Sep 01, 2017 11:01 am

Re: Chrome 67 Maps Render Error Workaround not Working for m

hi jb3_2,

The problem occurs because of this series:

Code: Select all

{
      "visible": false,
      colorAxis: false,
      showInLegend: false,
      "data": [
        [
          1,
          "Altstadt Grossbasel"
        ],
        [
          2,
          "Altstadt Kleinbasel"
        ],
        [
          3,
          "Vorstädte"
        ],
        [
          4,
          "Clara"
        ],
        [
          5,
          "Gundeldingen"
        ],
        [
          6,
          "Wettstein"
        ],
        [
          7,
          "Matthäus"
        ],
        [
          8,
          "Am Ring"
        ],
        [
          9,
          "Breite"
        ],
        [
          10,
          "St. Johann"
        ],
        [
          11,
          "Gotthelf"
        ],
        [
          12,
          "Iselin"
        ],
        [
          13,
          "Rosental"
        ],
        [
          14,
          "Klybeck"
        ],
        [
          15,
          "St. Alban"
        ],
        [
          16,
          "Bachletten"
        ],
        [
          17,
          "Bettingen"
        ],
        [
          18,
          "Kleinhüningen"
        ],
        [
          19,
          "Hirzbrunnen"
        ],
        [
          20,
          "Riehen"
        ],
        [
          21,
          "Bruderholz"
        ]
      ],
      "name": "wohnviertel"
    },
I don't know what you are using it for, but the strings (on second place in each point array) are recognized as values, so color axis max value is set very high. I suggest you to delete this series, but if it is used somewhere in your code please add two parameters inside of series object configuration:

Code: Select all

series: [{
    showInLegend: false,
    colorAxis: false
}]
API Reference:
https://api.highcharts.com/highmaps/ser ... owInLegend
https://api.highcharts.com/highmaps/ser ... .colorAxis

Best regards!
Daniel Studencki,
Highcharts Developer
jb3_2
Posts: 48
Joined: Wed Sep 20, 2017 12:05 pm

Re: Chrome 67 Maps Render Error Workaround not Working for m

Thank you, Daniel, that fixed our problem!
J.

Return to “Highcharts Maps”