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

[Baka-zoid]

Итак, поблагодарим гугль(а заодно и меня 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. Да, буду пользоваться		63	(17.4%)
2. Да		74	(20.44%)
3. Не знаю		115	(31.77%)
4. Нет		44	(12.15%)
5. Нет, абсолютно бессмысленно		66	(18.23%)
Всего:		362

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

Comments

[cytoex]

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

[electrichk]

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

[Baka-zoid]

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

[electrichk]

Baka-zoid ой, точно, спасибо=)

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

[Baka-zoid]

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

[ArLe]

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

[KeToRiN]

Если честно мне вообще не понятно, буду заучивать на изусть. =0)

[Baka-zoid]

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

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

[Baka-zoid]

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

а как же это тогда оформить?)) не подскажете?
мой пример не пашет
<«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="Моя жизнь"/>

[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 с помощью программы штирлиц. Хотя раньше такой проблемы не наблюдалось >____> странно это всё

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

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

[Baka-zoid]

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

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

[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

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

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