title: Drawing Bubble Chart by using npm highcharts with error #17
body: <p>I am trying to draw a bubble chart with highchart using npm version of highcharts, but there is a error of error #17, I've already try to import highcharts-more, but it didn't work...</p>
  
  <p>I have the following imports</p>
  
  <pre><code>import $ from "jquery";
  import _ from "underscore";
  import Logger from 'js-logger';
  import Marionette from 'backbone.marionette';
  import Highcharts from 'Highcharts';
  import 'Highcharts/highcharts-more';
  </code></pre>
  
  <p>And the options of the bubbles chart are as follow:</p>
  
  <pre><code>settings = {
              chart: {
                  type: 'bubble',
                  plotBorderWidth: 1,
                  zoomType: 'xy'
              },
              legend: {
                  enabled: false
              },
              title: {
                  text: 'Sugar and fat intake per country'
              },
              subtitle: {
                  text: 'Source: &lt;a href="http://www.euromonitor.com/"&gt;Euromonitor&lt;/a&gt; and &lt;a href="https://data.oecd.org/"&gt;OECD&lt;/a&gt;'
              },
              xAxis: {
                  gridLineWidth: 1,
                  title: {
                      text: 'Daily fat intake'
                  },
                  labels: {
                      format: '{value} gr'
                  },
                  plotLines: [{
                      color: 'black',
                      dashStyle: 'dot',
                      width: 2,
                      value: 65,
                      label: {
                          rotation: 0,
                          y: 15,
                          style: {
                              fontStyle: 'italic'
                          },
                          text: 'Safe fat intake 65g/day'
                      },
                      zIndex: 3
                  }]
              },
              yAxis: {
                  startOnTick: false,
                  endOnTick: false,
                  title: {
                      text: 'Daily sugar intake'
                  },
                  labels: {
                      format: '{value} gr'
                  },
                  maxPadding: 0.2,
                  plotLines: [{
                      color: 'black',
                      dashStyle: 'dot',
                      width: 2,
                      value: 50,
                      label: {
                          align: 'right',
                          style: {
                              fontStyle: 'italic'
                          },
                          text: 'Safe sugar intake 50g/day',
                          x: -10
                      },
                      zIndex: 3
                  }]
              },
              tooltip: {
                  useHTML: true,
                  headerFormat: '&lt;table&gt;',
                  pointFormat: '&lt;tr&gt;&lt;th colspan="2"&gt;&lt;h3&gt;{point.country}&lt;/h3&gt;&lt;/th&gt;&lt;/tr&gt;' +
                      '&lt;tr&gt;&lt;th&gt;Fat intake:&lt;/th&gt;&lt;td&gt;{point.x}g&lt;/td&gt;&lt;/tr&gt;' +
                      '&lt;tr&gt;&lt;th&gt;Sugar intake:&lt;/th&gt;&lt;td&gt;{point.y}g&lt;/td&gt;&lt;/tr&gt;' +
                      '&lt;tr&gt;&lt;th&gt;Obesity (adults):&lt;/th&gt;&lt;td&gt;{point.z}%&lt;/td&gt;&lt;/tr&gt;',
                  footerFormat: '&lt;/table&gt;',
                  followPointer: true
              },
              plotOptions: {
                  series: {
                      dataLabels: {
                          enabled: true,
                          format: '{point.name}'
                      }
                  }
              },
              series: [{
                  data: [{
                      x: 95,
                      y: 95,
                      z: 13.8,
                      name: 'BE',
                      country: 'Belgium'
                  }, {
                      x: 86.5,
                      y: 102.9,
                      z: 14.7,
                      name: 'DE',
                      country: 'Germany'
                  }, {
                      x: 80.8,
                      y: 91.5,
                      z: 15.8,
                      name: 'FI',
                      country: 'Finland'
                  }, {
                      x: 80.4,
                      y: 102.5,
                      z: 12,
                      name: 'NL',
                      country: 'Netherlands'
                  }, {
                      x: 80.3,
                      y: 86.1,
                      z: 11.8,
                      name: 'SE',
                      country: 'Sweden'
                  }, {
                      x: 78.4,
                      y: 70.1,
                      z: 16.6,
                      name: 'ES',
                      country: 'Spain'
                  }, {
                      x: 74.2,
                      y: 68.5,
                      z: 14.5,
                      name: 'FR',
                      country: 'France'
                  }, {
                      x: 73.5,
                      y: 83.1,
                      z: 10,
                      name: 'NO',
                      country: 'Norway'
                  }, {
                      x: 71,
                      y: 93.2,
                      z: 24.7,
                      name: 'UK',
                      country: 'United Kingdom'
                  }, {
                      x: 69.2,
                      y: 57.6,
                      z: 10.4,
                      name: 'IT',
                      country: 'Italy'
                  }, {
                      x: 68.6,
                      y: 20,
                      z: 16,
                      name: 'RU',
                      country: 'Russia'
                  }, {
                      x: 65.5,
                      y: 126.4,
                      z: 35.3,
                      name: 'US',
                      country: 'United States'
                  }, {
                      x: 65.4,
                      y: 50.8,
                      z: 28.5,
                      name: 'HU',
                      country: 'Hungary'
                  }, {
                      x: 63.4,
                      y: 51.8,
                      z: 15.4,
                      name: 'PT',
                      country: 'Portugal'
                  }, {
                      x: 64,
                      y: 82.9,
                      z: 31.3,
                      name: 'NZ',
                      country: 'New Zealand'
                  }]
              }]
          };
  </code></pre>
  
  <p>Rendering the chart</p>
  
  <pre><code>let settings = this.bubbleChartSetting();
  console.log(settings);
  setTimeout(() =&gt; {
      Highcharts.chart('container', settings);
  }, 1);
  </code></pre>
  
  <p>Error Message</p>
  
  <pre><code>highcharts.js:8 Uncaught Error: Highcharts error #17: www.highcharts.com/errors/17
  </code></pre>