У меня есть несколько круговых диаграмм, созданных с помощью инструментов визуализации Google и внутреннего сервера PHP. Работает просто отлично.
Однако, если я добавлю простой встроенный стиль в контейнер div (в частности, стиль float:left), диаграмма потеряет всякую интерактивность. Он отлично рисует, он просто ничего не выделяет при наведении курсора мыши или всплывающем окне с всплывающей подсказкой (нормальное поведение GVis).
По сути, мне было интересно, что происходит технически, и какой обходной путь. Конечным результатом должны быть две круговые диаграммы рядом с третьей ниже.
Спасибо.
Вот рабочая структура Div и разметка CSS для будущих поколений.
<div id="firstLineofCharts">
<div id="chart1" style="display:inline-block; width:400px; height:350px;"></div>
<div id="chart2" style="display:inline-block; width:400px; height:350px;"></div>
</div>
<div id="secondLineofCharts" style="float:clear"></div>
Очевидно, вы можете преобразовать это в полную разметку CSS, используя идентификаторы и классы.