私は html で #container を含む div を指定する必要がある Hight charts と呼ばれる jquery プラグインを使用しています。これをスクリプト タグに入れると、いくつかのチャートが生成されます。
$(function() {
Highcharts.setOptions({
options: {...},
}
});
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
other_options:{...}
});
});
Web ページの動的リストの各要素に対してこのプラグインを呼び出す必要があるため、このプラグインをラップするプラグインを作成したいと考えています。DOMのノードトラバーサルを気にする前に、テストを行いました
(function($) {
$.fn.ChartPlugin = function() {
Highcharts.setOptions({
options: {...},
}
});
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
other_options:{...}
});
};
})(jQuery);
しかし今、 $.ChartPlugin(); をテストするために呼び出すと、何も起こりません。どこが間違っているのか教えてもらえますか?
編集:「.fn」を削除しましたが、機能しましたが、理由がわかりません