Ошибка Highcarts после перехода на импорт
У меня были Highcharts, работающие с шаблоном Blaze в течение долгого времени. Я перехожу к импорту, и теперь у меня проблемы.
Модуль файла диаграммы: /app-name/imports/ui/pages/helpers/charts.js
// ПРИМЕЧАНИЕ: я добавил этот импорт, прежде чем я использовал пакет метеоров Highcarts:
import 'highcharts-more';
import 'highcharts-solid-gauge';
import Highcharts from 'highcharts';
import { Template } from 'meteor/templating';
let testGuage = percentage => {
$('#test-container-gauge').highcharts({
chart: {
type: 'solidgauge'
},
title: null,
pane: {
center: ['50%', '85%'],
size: '125%',
startAngle: -90,
endAngle: 90,
background: {
backgroundColor: '#EEE',
innerRadius: '60%',
outerRadius: '100%',
shape: 'arc'
}
},
tooltip: {
enabled: false
},
yAxis: {
min: 0,
max: 100,
title: {
text: 'Speed'
},
stops: [
[0.1, '#3b74bf'],
[0.5, '#0ddfd3'],
[0.9, '#53df82']
],
lineWidth: 0,
minorTickInterval: null,
tickPixelInterval: 400,
tickWidth: 0,
title: {
y: -70
},
labels: {
y: 16
}
},
plotOptions: {
solidgauge: {
dataLabels: {
y: 5,
borderWidth: 0,
useHTML: true
}
}
},
credits: {
enabled: false
},
series: [{
name: 'Speed',
data: percentage,
dataLabels: {
format: '<div style="text-align:center"><span style="font-size:25px;color:#7e7e7e">{y}%</span><br/>' +
'<span style="font-size:12px;color:silver">Test</span></div>'
}
}]
});
}
Я импортирую модуль здесь в шаблон, обратите внимание, что на этот шаблон нет подписки, и я вызываю методы внутри функции onRendered:
import { Template } from "meteor/templating";
import { ReactiveDict } from "meteor/reactive-dict";
import { FlowRouter } from 'meteor/kadira:flow-router';
import "./reports.html";
import { testGuage} from '../helpers/charts.js';
Template.Reports.onRendered(function () {
this.autorun(function() {
var percentComplete = 0;
percentComplete = getAccountField('PercentComplete') || 0;
var gaugeInput = parseInt(percentComplete) || 0;
var gauge = $('#test-container-gauge');
if (gauge) testGuage([gaugeInput]);
});
});
Highcharts зависимости, которые я npm'd в:
"highcharts": "^5.0.12",
"highcharts-more": "^0.1.2",
"highcharts-solid-gauge": "^0.1.2",
Метеорные пакеты Highcharts, которые я использовал и работал, перед переключением на импорт (я удалил их):
маазалик: высокие чарты, маазалик: высокие чартеры
И ошибка: