После обновления hightcharts с 4.2.0 до 5.0.7 отображается только черный ящик

Question

У меня есть сайт, на котором я использую highcharts в течение нескольких лет без проблем. Исходная версия была 4.2.0.

Я попытался обновить версию 5.0.7, загрузив ее непосредственно с сайта с высоким качеством. Затем я заменил соответствующие теги скрипта, чтобы отразить это изменение. Однако с этим изменением я получаю только черный ящик, где должен быть граф.

Это как инициализируется highchart:

Highcharts.chart('container', { 
      chart: { 
       type: 'column', 
       backgroundColor: null 
      }, 
      title: { 
       text: 'Resumen Comparativo Inter-Zonas País (' + meses[periodo % 100 - 1] + '-' + Math.floor(periodo/100) + ')', 
       style: { 
        "fontSize": "14px" 
       } 
      }, 
      credits: { 
       enabled: false 
      }, 
      xAxis: { 
       categories: zonas 
      }, 
      yAxis: [{ 
       min: 0, 
       title: { 
        text: 'Totales por Zonas y País' 
       } 
      }, { 
       min: -1000000000, 
       title: { 
        text: 'No Encontrados', 
        style: { 
         color: '#B2455E' 
        } 
       }, 
       labels: { 
        style: { 
         color: '#B2455E' 
        } 
       }, 
       opposite: true, 
       reversed: false 
      }], 
      tooltip: { 
       pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>', 
       shared: true 
      }, 
      plotOptions: { 
       column: { 
        stacking: 'normal' 
       } 
      }, 
      series: [{ 
       name: 'Repetidos', 
       type: 'column', 
       data: getMontosPorCondicion(inventarios, 'REPETIDO', null) 
      }, { 
       name: 'Resellados', 
       type: 'column', 
       data: getMontosPorCondicion(inventarios, 'RESELLADO', null) 
      }, { 
       name: 'Abiertos', 
       type: 'column', 
       data: getMontosPorCondicion(inventarios, 'ABIERTO', '#8BBC22') 
      }, { 
       color: '#B2455E', 
       name: 'No Encontrados', 
       type: 'spline', 
       yAxis: 1, 
       marker: { 
        fillColor: '#FFFFFF', 
        lineColor: null, 
        lineWidth: 2 
       }, 
       data: getMontosPorCondicion(inventarios, 'NO ENCONTRADO', '#B2455E') 
      }] 
     }); 

Любая помощь?

Answer 1

Вам также необходимо добавить highcharts.css на свою страницу.

согласно highcharts site: «. Если вы стилизации ваших диаграмм с помощью CSS, загрузите JavaScript файлы из/JS/директории для этих файлов, презентационный код удаляются, и CSS требуется стиль диаграммы»

Answer 2

Ваша копия highcharts.js может отличаться от cdn https://code.highcharts.com/highcharts.js. Замените коды в своей копии на код cdn. Это должно работать нормально.