Нужна помощь в создании гистограммы старшей диаграммы в Jupyter-Notebook

Question

Я пытаюсь встроить гистограмму Highchart в блокнот Jupyter.Я упростил код до 2 ячеек и небольшой фиктивной серии для реальных данных, чтобы попытаться ограничить любой окружающий код, который может вызывать проблему.Я все еще постоянно получаю сообщение об ошибке 17 на консоли (что тип серии не существует).Я думаю, что проблема заключается в импорте модуля histogram-bellcurve, но я не смог обойти это.Любая помощь будет оценена.

Ячейка 1:

%%javascript
require.config({
  paths: {
    highcharts: "http://code.highcharts.com/highcharts",
    highcharts_hist: "http://code.highcharts.com/modules/histogram-bellcurve"
  },
  shim: {
    highcharts: {
      exports: "Highcharts",
      deps: ["jquery"]
    },
    highcharts_hist: {
      exports: "Highcharts",
      deps: ["highcharts"]
    }
  }
});

Ячейка 2:

%%javascript
$("#container").remove();

element.append('<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>');

require(['highcharts_hist'], function(Highcharts) {
    $('#container').highcharts({
        'title': {
            'text': 'Highcharts Histogram'
        },
        'xAxis': [{
            'title': { 'text': 'Data' },
            'alignTicks': false
        }, {
            'title': { 'text': 'Histogram' },
            'alignTicks': false,
            'opposite': true
        }],

        'yAxis': [{
            'title': { 'text': 'Data' }
        }, {
            'title': { 'text': 'Histogram' },
            'opposite': true
        }],
        'series':  [{
            'name': 'Histogram',
            'type': 'histogram',
            'xAxis': 1,
            'yAxis': 1,
            'baseSeries': 's1',
            'zIndex': -1
        }, {
            'name': 'Data',
            'type': 'scatter',
            'data': [1,1,1,2,2,3,3,3,3,3,4,5,6,7,7,7,7,7,7,7,8,8,9,9,10,11],
            'id': 's1',
            'marker': {
                'radius': 1.5
            }
        }]
    });
});

Answer 1

Из Google может показаться, что этот подход когда-то работал, однако ваш результат теперь выглядит по умолчанию.Из документации Highcharts видно, что вам нужно специально загрузить модуль.

В вашем случае у меня был успех с этим подходом (изменения в ячейке 2):

%%javascript
$("#container").remove();

element.append('<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>');

require(['highcharts', 'highcharts_hist'], function(Highcharts, histogram) {
    histogram(Highcharts); // This is where the magic happens

    $('#container').highcharts({
        // ... for brevity
    });
});

См. эту суть или этого nbviewer , чтобы увидеть его в действии.