Есть 3 диаграммы, заключены в полимер, сделал переключалку между ними, по отдельности все работают идеально, но мне необходимо и включать все сразу а они просто дублируются, подскажите что не так плз. Вот расположение диаграмм. Заранее спасибо
<div class="charts-container">
<div id="1" class="chart chart_active" > <x-application-pole-chart></x-application-pole-chart></div>
<div id="2" class="chart"><x-application-line-chart></x-application-line-chart></div>
<div id="3" class="chart">
<x-application-line-chart></x-application-line-chart>
<x-application-pie-chart></x-application-pie-chart>
<x-application-pole-chart></x-application-pole-chart></div>
</div>
Переключатель
<div class="togglers-container">
<div class="toggler toggler_active" id="1-toggler"><i></i></div>
<div class="toggler" id="2-toggler"><i></i></div>
<div class="toggler" id="3-toggler"><i></i></div>
</div>
и код переключателя
createChartTogglersListeners: function() {
$('.toggler').click(function () {
$('.toggler').removeClass('toggler_active');
var toggler = $(this);
toggler.addClass('toggler_active');
$('.chart_active').removeClass('chart_active');
console.log(toggler);
var selectedChart = $('div#' + toggler.context.id.replace('-toggler', ''));
console.log(selectedChart);
selectedChart.addClass('chart_active');
});
},
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Имеется таблица, при нажатии на любую первую ячейку выполняется метод initExpandableTableRows(), а если нажать на любую другую ячейку, то выполняется...
Пытаюсь реализовать анимированый скролл блока от left: 0; до right: 0;. .