2

私は最近、自分のデータを表現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

誰でもこの問題を解決するのを手伝ってくれますか?

4

1 に答える 1