В многострочном макете мой highchart не отображается в Safari

Question

Я написал скрипку (http://jsfiddle.net/929Zb/5/) для этого, что уменьшает проблему до минимальной разметки, которая демонстрирует проблему ... что мой Highchart не отображается в Safari (версия 5.1.7 на Windows, но я также запустил ее в последней версии на MacBook.)

Мое требование - это расположение нескольких столбцов виджета, как показано на этом скриншоте, из скрипки, работающей в хромированном режиме:

и здесь то же самое работает в Safari:

Safari оказал SVG и парит над ним в отладить выделяет элементы в синий цвет в HTML, но он просто не может быть видно !!

Css, который я использую для отображения столбца, показан ниже. Если вы измените количество столбцов с 2 на 1, диаграмма отобразится в Safari в порядке!

.widget-container 
{ 
    -webkit-column-count: 2; 
    -webkit-column-gap: 2em; 
    -moz-column-count: 2; 
    -moz-column-gap: 2em; 
    column-count: 2; 
    column-gap: 2em; 
} 
.widget { 
    /* This is required to keep the widget div's together and not break them over columns */ 
    -webkit-column-break-inside: avoid; 
    -moz-column-break-inside: avoid; 
    column-break-inside: avoid; 
margin-bottom: 2em; 
} 

Есть ли изменения в CSS, которые сделают работу Safari, или это потребует исправления javascript? Я размышлял, было ли это связано с переходом CSS, поэтому попытался отключить анимацию, но, учитывая, что он все еще оживляет, я явно понял синтаксис. У меня есть ограничение по времени на эту проблему, поэтому я отправляю сейчас, но буду отчитываться, если у меня будет какой-то прогресс.

Answer 1

Я думаю, что это некоторая проблема с CSS с отображением графика в любом столбце, отличном от первого. Если вы отключите функцию colum-break-inside, она также работает.

Что я могу предложить, чтобы отключить позицию для диаграммы контейнера: http://jsfiddle.net/929Zb/17/

.highcharts-container { 
    position: inherit !important; 
}