title: Highcharts/Highmaps in ionic - map is not showing
body: <ol>
  <li><p>Add Plugin 'angular2-highcharts'</p></li>
  <li><p>add code in ionViewDidLoad()</p>
  
  <pre><code> var chart = Highcharts.mapChart('container', {
        chart: {
          map: 'custom/europe',
          spacingBottom: 20
        },
  
      title: {
         text: 'Europe time zones'
       },
  
      legend: {
         enabled: true
      },
  
      plotOptions: {
        map: {
          allAreas: false,
          dataLabels: {
            enabled: true,
            color: '#FFFFFF',
            style: {
            fontWeight: 'bold'
            },
        // Only show dataLabels for areas with high label rank
         format: null,
         formatter: function () {
          if (this.point.properties &amp;&amp; this.point.properties.labelrank.toString() &lt; 5) {
              return this.point.properties['iso-a2'];
          }
      }
          },
          tooltip: {
            headerFormat: '',
            pointFormat: '{point.name}: &lt;b&gt;{series.name}&lt;/b&gt;'
        }
        }
      },
  
  
      })
  </code></pre></li>
  </ol>