Блог

Главная - Вопросы по программированию - Highcharts: не удается прочитать свойство ‘parts/Globals.js ‘ неопределенного

Highcharts: не удается прочитать свойство ‘parts/Globals.js ‘ неопределенного

#javascript #highcharts #undefined

#javascript #highcharts #не определено

Вопрос:

Я использую определенные библиотеки из Highcharts и получаю следующую ошибку:

 Uncaught TypeError: Cannot read property 'parts/Globals.js' of 
undefined
at map.src.js:31
at map.src.js:22
at map.src.js:11

Как я могу это исправить?
Я использую:

 <script src="https://code.highcharts.com/maps/modules/map.js"></script>

Комментарии:

1. Привет @Shiv, можешь ли ты предоставить код, который вызывает эту ошибку?

2. @J.Pichardo, вы отредактировали, но не увидели код, скрытый в вопросе :/

Ответ №1:

Если вы столкнулись с этой ошибкой, возможно, вам захочется проверить, что ваше приложение не отображается на сервере. В случае, если оно отображается сервером, следующее должно устранить проблему:

Убедитесь, что highcharts относится к типу 'object' , потому что на сервере он имеет тип 'function' . Если это объект, то вы хотите выполнить нужный вам модуль. Пожалуйста, смотрите ниже:

 import Highcharts from 'highcharts/highcharts';
import HighchartsReact from 'highcharts-react-official';
import highchartsBellCurve from 'highcharts/modules/histogram-bellcurve';

if (typeof Highcharts === 'object') {
  highchartsBellCurve(Highcharts); // Execute the bell curve module
}

Комментарии:

1. У меня сработало, спасибо. Я использовал NextJS.

2. Столкнулся с этой проблемой, используя highcharts в Storybook vs browser, постоянно нажимая «Не удается прочитать свойство»Core/Color/Color.js «неопределенного типа» в браузере. Это исправило это и положило конец нескольким часам боли, спасибо!

Ответ №2:

Столкнулся с той же проблемой. Highcharts выпустила новую версию 7.1.0 два дня назад. Они исправили проблему (10232), которая вызывала эту ошибку. Вы можете использовать https://code.highcharts.com/5.0.14/modules/solid-gauge .js эту конкретную версию вместо последней. Сейчас у меня это работает.

Комментарии:

1. Должен понравиться этот сайт, гуглит «сообщение об ошибке», первое попадание — это решение. Спасибо!

Ответ №3:

Да, я также столкнулся с той же проблемой… я решил это, заменив файлы js на обновленную версию Highcharts JS v7.2.1

Ответ №4:

Случилось со мной, когда я пытался использовать react-highcharts. Чтобы решить эту проблему, я переключился на highcharts-react-official вместо этого:

 import React from "react";
import { render } from "react-dom";
// Import Highcharts
import Highcharts from "highcharts";
import HighchartSankey from "highcharts/modules/sankey";
import HighchartsWheel from "highcharts/modules/dependency-wheel";
import HighchartsReact from "highcharts-react-official";

HighchartSankey(Highcharts);
HighchartsWheel(Highcharts);

const Viz = () => {
  return (
    <HighchartsReact
      highcharts={Highcharts}
      options={{
        series: [{
          type: "dependencywheel",
          data: [{
            from: "Category1",
            to: "Category2",
            weight: 2
          }, {
            from: "Category1",
            to: "Category3",
            weight: 5
          }]
        }]
      }}
    />
  );
};

render(<Viz />, document.getElementById("root"));