自定义Jquery插件

Question

我正在使用一个名为Hight图表的jquery插件，需要在我的html中使用#container指定div，然后将这个放入脚本标签生成一些图表：

$(function() {
        Highcharts.setOptions({
            options: {...},
            }
        });

        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'bar'
            },
            other_options:{...}
    });
});

因为我需要为我的网页的动态列表的每个元素调用这个插件，所以我想创建一个包装这个插件的插件。在关注DOM的节点遍历之前，我进行了测试

(function($) {
        $.fn.ChartPlugin = function() {
Highcharts.setOptions({
            options: {...},
            }
        });

        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'bar'
            },
            other_options:{...}
          });
      };
    })(jQuery);

但现在我打电话来测试$ .ChartPlugin（）;没有任何反应，有人能告诉我哪里出错了吗？

编辑：我删除了'.fn'并且它有效，但我不明白为什么