Использование свойства CSS Float с Google Visualization Charts - PullRequest
2 голосов
/ 07 декабря 2011

У меня есть несколько круговых диаграмм, созданных с использованием инструментов визуализации 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-разметку, используя идентификаторы и классы.

1 Ответ

2 голосов
/ 07 декабря 2011

Вы делали очистку позже? Кроме того, вы можете применить следующий стиль к div и сравнить его эффект:

display: inline-block;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...