Как добавить столбцы в виде категорий на гистограмме, используя Dimple.js?

Question

Я хочу построить диаграмму с использованием dimple.js, в которой я хочу построить часть пользователей в разных категориях. Каждая категория - это столбец в моем наборе данных.

Мои данные выглядит следующим образом:

Я хотел бы иметь диаграмму, в которой у меня был бар для каждой платформы и каждый столбец Q14_*.

Я понимаю, что платформа должна быть серия:

myChart.addSeries("Platform", dimple.plot.area); 

Однако, я не знаю, как это сделать добавить бруски для каждого столбца. Как я могу это сделать?

Answer 1

Я попытался сделать то же самое некоторое время назад и решил восстановить данные. Но я не уверен, что это лучшее решение. Во всяком случае, это мое решение:

1. Восстановим данные имеют следующие столбцы:

   • платформы (значения: Android, Apple)
   • часть (значения: числовая пропорция)
   • (значения: Q14_1, Q14_2 ....)

2. Использовать пропорциональную ось для столбца платформы показать пропорцию: addPctAxis,

3. Используйте четверть как оси категории для X.

4. Используйте часть колонны в виде серии.

Затем код должен выглядеть следующим образом:

myChart.addCategoryAxis("x", "quarter"); 
myChart.addPctAxis("y", "platform"); 
myChart.addSeries("portion", dimple.plot.bar); 

Кроме того, есть несколько примеров использования addPctAxis вы можете узнать, из которых очень похожи на то, что вы просите. Вы можете захотеть взглянуть:

• vertical proportional bars
• horizontal proportional bars
• more advanced - two proportional bar axes