Настройка визуализации Google PieChart с круговой границей и полями - PullRequest
Новая
       10

Настройка визуализации Google PieChart с круговой границей и полями

4 голосов
/ 15 сентября 2011

Я использую API визуализации Google для создания встроенных круговых диаграмм в своем веб-приложении.

http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

API работает отлично, у меня просто проблема с настройкой внешнего вида.

http://code.google.com/apis/chart/interactive/docs/customizing_charts.html

Я не могу понять, есть ли способ:

  1. Сделать круговую диаграмму круговой, а не прямоугольной

  2. Редактирование ширины и цвета полей / разделителей секторов?

1 Ответ

0 голосов
/ 15 сентября 2011

Вот что я бы сделал:

Используя Firebug с Firefox, выберите диаграмму и посмотрите на CSS. Найдите название границы, выбрав его с помощью Firebug.

Далее:

1.) Создайте CSS для удаления границы и вставьте диаграмму в DIV с желаемой границей. В зависимости от совместимости браузера вы можете использовать изображения вместо CSS для скругленной границы.

OR

2.) Используйте CSS, чтобы изменить границы на то, что вы хотите.

...