如何在一页上使用一个图表超过1次morris js

Question

如何在一页上使用一个图表超过1次morris.js

例如：

  element: 'sales_statistics',

使用ID但是可以使用类

Answer 1

如果你传递element一个字符串，morris会认为它是id。否则，您可以将morris传递给jQuery个对象，甚至是DOM个对象。因此，如果您的班级名称为.sales_statistics，则可以执行以下操作：

element: $('.sales_statistics'),

或

element: document.getElementsByClassName('sales_statistics'),

了解这类内容的好方法是查看源代码。以下是Morris的Donut构造函数的片段，在Grid和其他构造函数中也可以看到相同的逻辑（我通过在源代码中搜索element找到它）：

        this.options = $.extend({}, this.defaults, options);
        if (typeof options.element === 'string') {
            this.el = $(document.getElementById(options.element));
        } else {
            this.el = $(options.element);
        }