Кто-нибудь когда-либо использовал вкладки (jquery-ui-1.8.9
) и круговые диаграммы из Highcharts 2.1.4
вместе? Проще говоря, у меня есть несколько вкладок, где каждая вкладка показывает круговую диаграмму с разными данными. Графики DO визуализируются в divs, но когда я нажимаю на вторую вкладку, диаграмма каким-то образом показывает 300px
справа от того, где она должна быть. Всякий раз, когда я увеличиваю или уменьшаю окно браузера, диаграмма возвращается в положение коррекции.
Мой код:
//Предположим, что вкладки числа создаются на основе переменной $count и есть 2 вкладки
<script type="text/javascript">
var chart_tab_<?=count?>;
$(document).ready(function() {
chart_tab_<?=count?> = new Highcharts.Chart({
chart: {
renderTo: 'chart_tab_<?=count?>',
// blah blah
}
<body>
<div id="chart_tab_<?=count?>"></div>
</body>
Опять же, диаграмма отображает, но на второй вкладке экран прослушивается.
Обновление: я знаю, что этот KIND OF исправляет проблему:
<script type="text/javascript">
$(document).ready(function() {
$( "#tabs" ).tabs({
cookie: { expires: 1 }
});
$( "#tabs" ).tabs({
select: function(event, ui) { window.location.reload(); }
});
});
Но это действительно дерьмово, потому что страница должна быть перезагружена каждый раз, когда пользователь нажимает на вкладку. Любые идеи были бы замечательными.