20:14 

Графики и Диаграммы

Это все всего лишь иллюзия


Пример


Итак, поблагодарим гугль(а заодно и меня xD) за столь занятную фичу, как инструмент создания графиков и диаграм.








С помощью этого инструмента можно создать кучу различных наглядных и ненаглядных и в большинстве случаев совершенно бесполезных диаграм и графиков. Впрочем, можно создать ещё много чего, но я пока остановлюсь на этом. За более подробной инфой обращайтесь сюда




Производительность




адрес

cht=lc - режим

&chd=t:10.0,50.0,20.0,40.0,30.0,45.0,55.0,75.0,100.0 - значения точек, задаём от 0.0 до 100.0 потом через запятую ставим следющий элемент

&chs=250x100 - размер графика

&chxt=x,y - оси

&chxl=0:||Февраль|Март|Апрель||1:|0|50|100 - подписи по осям

&chco=FF0044AA - цвет линии

&chm=B,330011AA,0,0,0 - закраска области

&chf=bg,s,333333 - цвет фоновой заливки диаграммы

&chg=10,20,5,3 - линии сетки, первые 2 параметра описывают частоту сетки, вторые два описывают линии сетки

&chts=AAAAAA,9 - цвет и шрифт подписи

&chtt=Производительность - подпись

" - закрываем кавычки

alt="Производительность" - подпись у не загруженной картинки

/> - закрываем тег






Время




адрес

cht=p3 - режим, кстати можно выбрать 2D режим указав просто 'p' вместо 'p3'

&chd=t:70.0,20.0,10.0,30.0 - значения данных от 0.0 до 100.0 разделять запятой

&chs=270x100 - размер диаграммы

&chl=За компом|Гуляю|Сон|Прочее| - подписи под данные

&chco=0044AA - цвет круга

&chf=bg,s,FFFFFF33 - цвет фоновой заливки диаграммы

&chts=AAAAAA,12 - цвет и шрифт подписи

&chtt=Время - подпись

" - закрываем кавычки

alt="Время" - подпись у не загруженной картинки

/> - закрываем тег




Цвета:

Цвета тут задаются в формате РГБ(Ред-Красный Грин-Зелёный Блю-Синий) + дальше дописывается Прозрачность.

Числа используются тут шестнадцатеричные т.е. последовательность будет такая: 0123456789ABCDEF

цвет задаётся по маске РРГГББПП

например:

FF000000 - непрозрачный ярко красный цвет

FF00006F - то же красный но уже с прозрачностью

0000FF - синий без прозрачности (её можно не писать если она не нужна)

004000 - тёмно зелёный без прозрачности

000000 - черный

FFFFFF - Белый



Как использовать

очень просто, копипастим, подставляем свои значения, удаляем комментарии, сливаем всё в одну длиииииинную строчку(осторожно не удалите случайно чего) и вуаля. Готово.

Вопрос: Полезная ли фича
1. Да, буду пользоваться 
61  (16.94%)
2. Да 
74  (20.56%)
3. Не знаю 
115  (31.94%)
4. Нет 
44  (12.22%)
5. Нет, абсолютно бессмысленно 
66  (18.33%)
Всего: 360

@темы: Добавление изображений

Комментарии
2008-06-19 в 20:36 

Ω cito ex machina Ω воин-иррационалист
Как мне кажется, не совсем по тематике сообщества, но занятно, спасибо, было бы хорошо, если бы осталось.

2008-06-19 в 22:41 

electrichk
Всё под контро...
О, а как вы такое подчеркивание пунктиром сделали?

2008-06-20 в 08:15 

Это все всего лишь иллюзия
Цитоэкс ну почему же? где то тут рассказывали как музыку вставлять и т.д. ну а тут графики xD хз чесно говоря кому это нужно %))) но такие люди нашлись, ну значит смысл это постить был...
Та, что идет по жизни смеясь вы про 'графиков и диаграм'? если да то об этом я уже в этом сообществе писал... 2 поста назад
вообщем делаеться это с помощью тега <abbr title="API Google Chart">графиков и диаграм</abbr>
в принципе можно и просто подчеркнуть: <abbr title="">графиков и диаграм</abbr>

2008-06-20 в 16:54 

electrichk
Всё под контро...
Baka-zoid ой, точно, спасибо=)

2008-06-23 в 12:02 

слишком много вариантов ответа, когда их максимум 2
автор ты бы лучше над постами работал а не над голосованиями

2008-06-23 в 16:02 

Это все всего лишь иллюзия
Керр 'не нравиться, не ешь ©' у нас тут вроде как демократия

2008-06-25 в 14:41 

ArLe
Арлоло, админота,
администратор
и админотавр
Baka-zoid полезная штука! Только хотелось бы описание редактирования и вставки кода поподробнее (и хорошо бы со скриншотами).

2008-07-02 в 14:21 

KeToRiN
Из всего, что вечно самый краткий срок у любви...
Если честно мне вообще не понятно, буду заучивать на изусть. =0)

2008-07-02 в 15:35 

Это все всего лишь иллюзия
ArLe хмм, вроде бы сюда писал.. или не сюда %)) или не писал %D или удалил кто...
вообщем редактирование описано выше, а так же на офсайте. всё довольно просто изучается опытным путём... сначала попробуйте свои значения подставить, а потом уже и вообще всё переделайте как надо %D
если же всё равно не понятно, то пишите что именно, буду разъяснять %))
KeToRiN %) зачем заучивать? копируйте код в какой нибудь файлик, на рабочем столе например, и потом просто когда надо оттуда его брать %))

2009-05-02 в 23:59 

скажите, а что за "изображение - адрес" - самая первая строчка? у обоих графиков. видно, у меня не грузится что-то

2009-05-03 в 00:35 

Baka-zoid
Это все всего лишь иллюзия
Лампль ну, не только у вас, смтранно, раньше работало, а сейчас ссылки вида "http://chart.apis.google.com/chart? х____х по всей видимости как то чтото глюкануло.
В любом случае там скорее всего примеры. Хотя я уже точно и не помню Х)

2009-05-03 в 01:15 

а как же это тогда оформить?)) не подскажете?
мой пример не пашет
<«cht=p3
&chd=t:.80.0,5.0,10.0,5.0
&chs=500x300
&chl=Думаю о Дашке|Учусь|Сплю|Маюсь дурью|
&chco=0044AA
&chf=bg,s,FFFFFF33
&chts=AAAAAA,12
&chtt=Моя жизнь
» alt="Моя жизнь"/>

2009-05-03 в 06:25 

Baka-zoid
Это все всего лишь иллюзия


попробуйте это http://chart.apis.google.com/chart?cht=p3&chd=t:80.0,5.0,10.0,5.0&chs=900x300&chl=%D0%94%D1%83%D0%BC%D0%B0%D1%8E%20%D0%BE%20%D0%94%D0%B0%D1%88%D0%BA%D0%B5|%D0%A3%D1%87%D1%83%D1%81%D1%8C|%D0%A1%D0%BF%D0%BB%D1%8E|%D0%9C%D0%B0%D1%8E%D1%81%D1%8C%20%D0%B4%D1%83%D1%80%D1%8C%D1%8E&chf=bg,s,FFFFFF33&chts=AAAAAA,12&chtt=%D0%92%D1%80%D0%B5%D0%BC%D1%8F

из ошибок:
chd=t:.80.0,5.0,10.0,5.0 - точка вначале не нужна.
chs=500x300 - маловато, он слова обрезает Х) так что я 900 сделал, можно уменьшить за счет высоты
и чтото браузер отказался кодировать русский в норм последовательность так, что пришлось ручками поменять русский текст в utf8 и перегнать в вид %20%D0%BE с помощью программы штирлиц. Хотя раньше такой проблемы не наблюдалось >____> странно это всё

2009-05-03 в 12:21 

огромное спасибо)))

2009-05-03 в 12:32 

простите, но у меня опять не пашет..Т_Т что-то не так. может, я что забыла? я просто вставила код в запись *перед вами чайник*

2009-05-03 в 12:56 

Это все всего лишь иллюзия
всё, вспомнил, что там в место [картика] адрес Х)
там начало кода, ну <img src=""> и т.д.
Это надо не просто в запсиь пихать, а в адрес картинки, вот так: <img src="[вот прямо сюда вставляется весь этот ужасный код]">

2009-05-03 в 13:46 

от что получается ^^'''

2009-05-03 в 15:33 

Baka-zoid
Это все всего лишь иллюзия
http://[http://chart.apis.google.com/chart?cht=p3&chd=t:80.0,5.0,10.0,5.0&chs=900x300&chl=%D0%94%D1%83%D0%BC%D0%B0%D1%8E%20%D0%BE%20%D0%94%D0%B0%D1%88%D0%BA%D0%B5|%D0%A3%D1%87%D1%83%D1%81%D1%8C|%D0%A1%D0%BF%D0%BB%D1%8E|%D0%9C%D0%B0%D1%8E%D1%81%D1%8C%20%D0%B4%D1%83%D1%80%D1%8C%D1%8E&chf=bg,s,FFFFFF33&chts=AAAAAA,12&chtt=%D0%92%D1%80%D0%B5%D0%BC%D1%8F]
Квадратные скобки (впереди и вконце) и 2 раза http:// явно ни к чему Х) но вы на правильном пути XD

2009-05-03 в 21:29 

О___о чорд, точно. я на сам код, на то, что получилось, даже не посмотрела, вставила и всё X[ вот йа придурок

*_* вот теперь точно спасибо))))

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная