2

mfpierre:chartist meteor パッケージをインストールし、mspi:chartistlegend プラグインをインストールしました (両方の大気パッケージ)。私は次のようなプラグインを持っています：

new Chartist.Bar('.ct-chart', {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  series: [
    [1,2,3,4], 
    [1,2,3,4],  
    [1,2,3,4] 
  ]
}, {
  plugins: [ Chartist.plugins.legend() ]

});

チャートは、「プラグイン」のキーと値のペアが配置された状態ではレンダリングされません。「プラグイン」キー/値を削除すると、チャートは正常にレンダリングされます。私が知る限り、私はドキュメントに従っています。どんな助けでも大歓迎です。

4

3 に答える 3

1

.legend()次のように、凡例の名前を含むオブジェクトを提供する必要があります。

new Chartist.Line('.ct-chart-line', {
    labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
    series: [
        [12, 9, 7, 8, 5],
        [2, 1, 3.5, 7, 3],
        [1, 3, 4, 5, 6]
     ]
}, {
    fullWidth: true,
    chartPadding: {
        right: 40
    },
    plugins: [
        Chartist.plugins.legend({
            legendNames: ['Blue pill', 'Red pill', 'Purple pill'],
        })
    ]
});

その他のデモはこちら: https://codeyellowbv.github.io/chartist-plugin-legend/

于 2016-11-28T02:39:29.553 に答える