Использование RequireJS для загрузки графика и D3
Я пытаюсь использовать RequireJS для загрузки библиотек plotly и d3 в мой js-код. Я попробовал это:
require.config({
paths: {
d3: '/static/scripts/plotly/dependencies/d3.v3.min',
plotly: '/static/scripts/plotly/plotly.min'
}
});
require(['d3'], function(d3) {
d3();
});
require(['plotly'], function(plotly) {
plotly();
});
Но это не работает. Когда вызывается моя функция js, я получаю:
Uncaught ReferenceError: plotly is not defined
Uncaught ReferenceError: Plotly is not defined
Uncaught ReferenceError: d3 is not defined
Uncaught TypeError: d3 is not a function
Как правильно использовать RequireJS в этой ситуации?
Обновление поста с текущей версией кода, все еще не работает.
В вызывающем скрипте у меня есть это сейчас:
require.config({
paths: {
heatmap: '/static/scripts/heatmap',
d3: '/static/scripts/plotly/dependencies/d3.v3.min',
plotly: '/static/scripts/plotly/plotly.min',
}
});
require(['d3', 'plotly', 'heatmap'], function(d3, plotly, heatmap) {
generate_heatmap();
});
И это терпит неудачу с:
Uncaught ReferenceError: Plotly is not defined(anonymous function) @ plotly.min.js:17
Функция Plotly (верхний регистр P) определена в plotly.min.js. Должен ли я добавить ссылку на эту функцию где-нибудь?