如何在一頁上使用一張圖超過1次Morris js

Question

如何在一頁上使用一張圖超過1次morris.js

例如：

  element: 'sales_statistics',

使用ID，但可以使用class代替

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);
        }