Помогите с отображением простого графика с помощью гугл чарта

Question

Я дергаюсь за эту проблему.

Я хотел бы показать очень простую вертикальную гистограмму, которая будет отображать объем продаж за неделю. Таким образом, данные, которые будут предоставлены:

Sunday: 200
Monday : 50
Tue: 500
Wed: 300
Thu: 145
Fri: 0
Sat: 976

Это будет только для одной данной недели, и я хочу, чтобы график отображал данные о продажах между днями, чтобы сравнить их и посмотреть, в какой день было наибольшее количество продаж и т. Д.

Тогда я хочу два других аналогичных графика, один для ежемесячных продаж, например,

January: 2000
Feb: 1490
..
December: 4553

И годовой график, например:

2006: 20000
...
2009 30000

Опять же сравнение будет только между 7 днями недели, 12 месяцами года или 4-5 годами.

Мне нужен URL, который можно использовать для создания этих графиков, где я могу просто подключить свои собственные данные, а остальная часть материала будет работать сама по себе. Из типов диаграмм я бы хотел использовать «Вертикальную гистограмму» (код bvs).

Одной из проблем, которая может быть проблемой, является «кодировка» графиков. Кажется, диаграммы Google хотят, чтобы вы указали кодировку, которая означает диапазон от 0 до 500 или от 0 до 6950, но у меня нет возможности узнать в какую кодировку попадают суммы продаж, они могут быть либо очень маленькими, либо очень большими.

Answer 1

URL-адрес дня недели:

http://chart.apis.google.com/chart?cht=bvs&chs=500x300&chd=t:200,50,300,145,0,976&chds=0,1000&chm=tMonday,000000,0,0,10|tTuesday,000000,0,1,10|tWednesday,000000,0,2,10|tThursday,000000,0,3,10|tFriday,000000,0,4,10|tSaturday,000000,0,5,10

cht - тип диаграммы, bhs - базовая гистограмма

chs - размер диаграммы, в ширинуxheight

chd - это ваши данные, и я не использую кодировку, которая позволяет Google сокращать URL-адреса.

chds - это масштабирование данных (необязательно), в котором я говорю, что минимальное значение равно 0, а максимальное значение равно 1000.

чм это ваши ярлыки. Каждый ярлык отделяется знаком '|' условное обозначение. Каждая метка состоит из at (введите текст), затем следует метка, затем команда и цвет (шестнадцатеричное значение RGB, RRGGBB), затем какой ряд данных помечать (у вас есть только 1, поэтому используется 0), затем точка данных для обозначения (начиная с 0 для первого), затем размер шрифта для использования. Есть еще одно пропущенное значение, которое «когда рисовать метку», так как я его пропустил, оно рисуется после баров, но перед другими метками.

См. метки точек данных документация, основы диаграмм документация и масштабирование данных документация для получения дополнительной информации.

ОБНОВЛЕНИЕ: после перечитывания OP изменился тип диаграммы с bhs на bvs. ОБНОВЛЕНИЕ 2: обновлены пробелы для удобства чтения