(d3pie) несколько пирогов на одной странице

570
24 ноября 2016, 10:27

Использую библиотеку d3pie для построения двух лиаграмм в виде пирога на одной странице. Вызываю примерно вот так:

var pie1  = new d3pie("pieCanvas1", {
...
});
var pie2  = new d3pie("pieCanvas2", {
...
});

При этом пироги начинают конфликтовать между собой классами.

Внутри d3pie.js есть такая штука:

// used to uniquely generate IDs and classes, ensuring no conflict between multiple pies on the same page
var _uniqueIDCounter = 0;

Она, по идее должна решать проблему, но видимо она не задействуется т.к. я каждый раз делаю new. Может я не правильно запускаю? Не очень силен в яваскрипте.

PS. Пироги запускаются в виде виджетов и они не знают друг о друге. Их может быть 2 или 10, не известно.

Answer 1

Нашел решение. При инициализации пишем:

var pie1  = new d3pie("pieCanvas1", {
    misc: {
        cssPrefix: 'pie1' //можно что угодно, но здесь индекс пирога = 1
    }
});

И классы будут идти с этим конкретным префиксом, не конфликтуя друг с другом.

READ ALSO
Не удается загрузить картинку
javascript

Не удается загрузить картинку

Вот так я загружаю картинки:

 498
Javascript onclick
javascript

Javascript onclick

js выполняется слишком быстро как мне поставить его выполнять через время

 488
Получение value для iframe
javascript

Получение value для iframe

Есть у меня код, который получает value выпадающего списка и выводит картинку, путь которой указан в value каждого элемента спискаТеперь же стала...

 530
Подсветка пункта меню в Bootstrap
javascript

Подсветка пункта меню в Bootstrap

Есть одностраничный темплейт UI-Hero , который скроллит страницу при выборе пункта в меню и подсвечивает текущую секцию(Видимо, по section id)

 583