Эта страница создана для того, чтобы показать вам возможности Charts API.
| Синий Человек Подробная нарисованная от руки линейная диаграмма (lxy). Автор: Роберто Менса |
| Тур де Франс, чартер Автор: Томас Гест 1987, Педро Дельгадо Графическая репродукция драматического горного этапа Стивена Роша во время тура 1987 года. Педро Дельгадо, одетый в желтую форму, значительно опередил своего соперника на подъеме на Ла Плань. Тем не менее каким-то образом Рош снова вошел в борьбу, появившись на финише всего на 5 секунд позже Дельгадо. Он всех удивил. Он потерял сознание, был измотан, и ему пришлось дать кислород, но он сделал достаточно; Рош выиграл Тур. Грозный ! 2009, Марк Кавендиш Mercurial Manxman Марк Кавендиш выиграл невероятные 6 этапов последнего Тура 2009 года. Вот он, став первым британцем, когда-либо выигравшим финальную схватку на Елисейских полях, и выиграв ее с огромным отрывом. |
| Пакман Круговая диаграмма, напоминающая легендарный Pac-Man. Автор: Паоло Масса |
| Мондриан Репродукция линейной диаграммы знаменитой картины Пита Мондриана «Композиция с желтым, синим и красным» (1937-42), построенная с помощью линейной диаграммы. Автор: Дмитрий Скриптин |
| Точечная диаграмма Звездная карта Показывает звездную карту для определенного места на Земле, показывая экватор ( x ), эклиптику ( o ), полюс ( N ), зенит ( z ) и несколько планет ( h — Сатурн, d — Марс, D — Луна ). Автор: Майк Даффи |
| Лиса Линейная диаграмма (lxy) трассировки изображения, нарисованного от руки. Автор: Джеймс из службы автоответчиков EPH |
| Перфокарточная диаграмма (диаграмма рассеяния) Хороший пример использования размера и расположения точек на диаграмме рассеяния для передачи информации. Некоторые вещи, которые следует отметить в этом URL-адресе диаграммы: -
cht=s — это точечная диаграмма . -
chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 — данные на этой диаграмме очень аккуратно расположены в виде сетки. В этой диаграмме рассеяния используются три серии; последняя серия используется для указания размера точки. -
chds=-1,24,-1,7,0,17 — параметр chds задает масштаб от -1 до 24 столбцов и от -1 до 7 строк. Это позволяет вам указывать точки, используя простую сетку, соответствующую часам и дням, где ноль — это первая запись. Шкалы начинаются с -1, чтобы точки не рисовались прямо на линиях осей (это добавляет пустую строку/столбец вокруг диаграммы). -
chm=o,333333,1,-1,25 — указывает тип маркера по умолчанию, используемый для всех точек. В качестве размера по умолчанию он назначает почти черный круг диаметром 25 точек. 25 — размер максимального значения данных; значения меньше этого в третьем ряду данных приведут к появлению меньших точек. -
chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat| - Метки для осей X и Y. Первое значение пустое (задается как '||') для обеих осей, чтобы оставить пустое пространство на пересечении осей.
Автор: github.com |
| Линейный график веб-трафика (Линейный график) Красиво выполненная линейная диаграмма, демонстрирующая стили линий, перекрывающиеся маркеры, линии сетки, заливки и маркеры диапазона. Вот интересующие параметры: -
cht=lc — линейная диаграмма , на которой точки равномерно располагаются вдоль оси X. -
chg=25,25,3,2 — определяет размер и узор сетки. Здесь это линии длиной 25 единиц вдоль осей X и Y, с трехпиксельным штрихом и двухпиксельным интервалом, образующими пунктирные линии. -
chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 — две заливки: одна для фона диаграммы и более светлая для области построения диаграммы. -
chm= — ромбовидные маркеры с белой заливкой на линии на самом деле представляют собой комбинацию двух маркеров: сначала маркер цвета линии, затем белый маркер немного меньшего размера того же размера и формы в той же точке, создавая вид белого маркера. -заполните алмазный маркер. Поскольку цвет заливки указывается первым, он автоматически будет находиться под белым маркером, поэтому вам не нужно указывать значение z-порядка для маркера для обработки слоев.-
r,FF00004C,0,0.40,0.60 — Горизонтальная красная полоса на фоне диаграммы. Обратите внимание, что начальное и конечное значения находятся в диапазоне 0,0–1,0, а не 0–100. Он также определяет прозрачность, позволяющую просвечивать линии сетки и фон. - R,0080004C,0,0.70,0.90 — Вертикальная зеленая полоса на фоне диаграммы. Обратите внимание, что начальное и конечное значения находятся в диапазоне 0,0–1,0, а не 0–100. Он также определяет прозрачность, позволяющую просвечивать линии сетки и фон.
- d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 — красные ромбовидные маркеры во всех точках синей линии. Первый маркер — красный ромб, второй — белый, немного меньшего размера.
- d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 — Маркеры синего ромба во всех точках синей линии. Первый маркер — синий ромб, второй — белый, немного меньшего размера.
-
chxt=y,y,x,x,x chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month — Метки осей. На этой диаграмме показаны пять наборов меток осей: две оси Y и три оси X. Самая внутренняя ось Y (индекс 0) содержит пустую метку вместо маркера «0», который немного загромождает нижний левый угол диаграммы. -
chxp=1,50.0| 4,50.0 — определяет размещение меток «Обращения» и «Месяц» по осям Y и X соответственно. -
chma=55,120,0,0 — левое и правое поля увеличены, чтобы добавить немного места между краями диаграммы и меткой «Обращения» и текстом легенды.
Автор: charts4j.com |
| Радарная диаграмма Красиво сделанная радиолокационная диаграмма с маркерами, показывающими довольно плохие оценки в разных областях обучения. -
cht=r — Радарная диаграмма . -
chxt=y,x — отображать числовую шкалу в виде концентрических окружностей (ось X) и маркеров градусов (ось Y). -
chls=4 — стиль линии трассировки радара (линия шириной четыре пикселя). -
chd=t:80,49,48,78,59,80 — данные включают одну избыточную точку: первая и последняя точка имеют одно и то же значение, чтобы график мог хорошо переноситься. -
chxp=0,0,20,40,60,80,100 — указывает линии сетки, отображаемые на оси X. Без этого параметра линии сетки отображались бы через каждые 10 единиц, что привело бы к очень загруженной диаграмме. -
chxl=1:|Maths|Arts|French|German|Music — для шести точек данных указано только пять меток. Диаграмма разбивается на большее число: метки или (точки данных — 1). На этой диаграмме они имеют одинаковое значение. -
chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 — создает маркер в стиле заполненного квадрата, создаваемый путем указания сначала красных квадратов, а затем белого квадрата немного меньшего размера. Белый квадрат указывается вторым, поэтому он рисуется вторым, и нет необходимости беспокоиться об указании z-порядка каждого маркера, чтобы определить, как они расположены друг над другом.
Автор: charts4j.com |
| Причудливая радиолокационная диаграмма Причудливая радиолокационная карта. Он состоит из двух рядов данных: один для лепестков, другой для голубого глаза посередине. Маленькие розовые кружочки — это маркеры кругов. Глаз и лепестки раскрашены с помощью заливки линиями. Некоторые особенности URL-адреса, на которые следует обратить внимание: -
cht=rs — радиолокационная диаграмма типа rs , а не r для получения закругленных сплайнов. -
chd=s: ... — указаны два ряда данных, каждый из которых содержит 202 точки данных. Первый ряд – для лепестков, второй – для глазка посередине. Расстояние между каждой точкой составляет примерно 360/202 = 1,8 градуса. -
chf=bg,s,504227 — коричневая заливка фона. -
chm= -
B,8FA3D6,0,0,0 - Барвинковая заливка лепестков. -
o,FFC0CB,1,0,20,0 — десять розовых круговых маркеров (здесь показаны не все) на расстоянии 20 точек данных (около 36 градусов). -
o,FFC0CB,1,20,20,0 -
o,FFC0CB,1,40,20,0 - ...
-
o,FFC0CB,1,200,20,0 -
B,3D5593,1,0,0 — темно-синяя заливка центрального глаза.
Автор: charts4j.com |
| Кривая Лиссажу (линейный график) Большинство людей видели кривую Лиссажу на осциллографе. Это линейная диаграмма lxy, в которой используется метод грубой силы для построения каждой точки кривой, точка за точкой. Он описывает координаты x и y 800 отдельных точек с использованием расширенного формата кодирования . Автор: charts4j.com |
Вертикальная гистограмма На диаграмме показано влияние дней отдыха на статистику владения мячом в НБА. Он показывает, как различаются средние показатели по лиге НБА, когда команды играют с заданными днями отдыха. Автор: NBAStuffer.com |