Hichart export png не показывает цвета

Question

Я создаю точечную диаграмму, и когда я пытаюсь загрузить ее, все цвета являются черными.

Я пытаюсь изменить версию Highchart, но тоже не сработало.

Вот пример jsfiddle, чтобы загрузить диаграмму, нажмите синюю кнопку в правом верхнем углу.

http://jsfiddle.net/danilotorabit/kg20Ljey/3/

Полный файл Js в jsfiddle

Highcharts.chart('container',{  
   "chart": {
      "zoomType": "xy", "type": "scatter"
   }, 
   "exporting": {
      "buttons": {
         "contextButton": {"enabled": false}, 
         "exportButton": {
            "_titleKey": "export_buttonTitle", 
            "symbol": "url(http://torabit.com.br/img/icone_download.png)", 
            "onclick": function () { this.exportChart() }}}, 
            "filename": "gr_scatter"
   },
   "plotOptions": {
      "scatter": {
         "marker": {
            "states": {
               "hover": {
                  "enable": "true", 
                  "lineColor": "rgb(100,100,100)"}
                  }, 
            "radius": 5
         }, 
      }
   }, 
   "series": [{"marker": {"symbol": "circle"}, "color": "rgba(219,68,55)", "data": [[120, 5.06], [230, 10.25], [340, 3.02], [450, 7.44]], "name": "Ana Luiza Amaral"},  
              {"marker": {"symbol": "circle"}, "color": "rgba(193,187,61)", "data": [[105, 10.04], [545, 3.3]], "name": "Vinicius Rossignoli"}],
   "title": {
      "text": "Assuntos por tipos"
   },  
   "xAxis": {
      "min": "0", 
      "max": "550", 
      "plotBands": [{"to": 115, "from": 0, "label": {"text": "Aleat\u00f3rio", "aling": "center"}}, 
                    {"color": "rgba(245,245,245)", "to": 225, "from": 110, "label": {"text": "Cr\u00edtica", "aling": "center"}}, 
                    {"to": 335, "from": 220, "label": {"text": "Piada", "aling": "center"}}, 
                    {"color": "rgba(245,245,245)", "to": 445, "from": 330, "label": {"text": "Propaganda", "aling": "center"}}, 
                    {"to": 555, "from": 440, "label": {"text": "Torcida", "aling": "center"}}], 
      "labels": {
         "style": {
            "color": "white"
         }
      }, 
      "startOnTick": "false", 
      "endOnTick": "false", 
      "tickColor": "#FFFFF", 
      "title": {"enable": "false"}
   },
   "yAxis": {
      "title": {
         "text": "Porcentagem (%)"
      }
   },   
});