javascript - 如何在一页morris js上使用一张图超过1次

Question

如何在一页 morris.js 上多次使用一张图表 1 次

例如:

  element: 'sales_statistics',

这是使用 ID，但是否可以使用类来代替

Answer 1

如果您通过element一个字符串，morris 会假设它是 id 。否则，您可以通过 morris a jQuery对象，甚至是 DOM目的。所以如果你的类名是 .sales_statistics ，你可以这样做:

element: $('.sales_statistics'),

或

element: document.getElementsByClassName('sales_statistics'),

了解此类内容的一个好方法是查看源代码。以下是莫里斯的 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);
        }