Это сработало для меня после добавления имени класса (contains-chart) во вкладках
ибудь когда-либо использовал вкладки (jquery-ui-1.8.9
) и круговые диаграммы отHighcharts 2.1.4
все вместе? Проще говоря, у меня есть несколько вкладок, где каждая вкладка показывает круговую диаграмму с различными данными. Графики отображаются в DIVS, но когда я нажимаю на 2-й вкладке, диаграмма как-то показывает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>
Снова, график рендерится, но на 2-й вкладке дисплей прослушивается.
Обновление: я знаю, что этот KIND OF решает проблему:
<script type="text/javascript">
$(document).ready(function() {
$( "#tabs" ).tabs({
cookie: { expires: 1 }
});
$( "#tabs" ).tabs({
select: function(event, ui) { window.location.reload(); }
});
});
Но это действительно дерьмово, потому что страница должна перезагружаться каждый раз, когда пользователь нажимает на вкладку. Любые идеи будут великолепны.