私は最近、自分のデータを表現Meteor
するためにビルドツールを使い始めました。Chartist
凡例テンプレート用のJavaスクリプトがあります(インターネットからのソース)
Template.js
function drawBarChart() {
new Chartist.Bar('.legendChart1', {
labels: ['First quarter of the year', 'Second quarter of the year', 'Third quarter of the year', 'Fourth quarter of the year'],
series: [
{ "name": "Money A", "data": [60000, 40000, 80000, 70000] },
{ "name": "Money B", "data": [40000, 30000, 70000, 65000] }
]
}, {
plugins: [
Chartist.plugins.legend()
]
});
};
Template.legendTemplate.rendered = function(){
drawBarChart();
}
HTML
<template name="legendTemplate">
<div class="legendChart1">
</div>
</template>
そして、対応する import ステートメントとして
import {legend} from 'chartist-plugin-legend';
期待どおりに機能する同様のインポートステートメントを使用しました。
import {ctThreshold} from 'chartist-plugin-threshold';
import {ctBarLabels} from 'chartist-plugin-barlabels';
import {ctPointLabels} from 'chartist-plugin-pointlabels';
ツールチップ プラグインのインポートにも同様のエラーがあります"TypeError: Chartist.plugins.tooltips is not a function"
。
私が使用した対応するNPMステートメント。
meteor npm install --save chartist
meteor npm install --save chartist-plugin-barlabels
meteor npm install --save chartist-plugin-threshold
meteor npm install --save chartist-plugin-pointlabels
meteor npm install --save chartist-plugin-tooltips
誰でもこの問題を解決するのを手伝ってくれますか?