Highcharts Dynamic 使用字典/列表 django 数据集

Question

我是 highcharts 的新手，在使用字典数据集创建动态条形图时遇到了问题。您能否提供帮助/建议。

以下是解析为html的数据集：

data = {
'Queue1': [{'name': 'user1', 'tickets': 1}, {'name': 'user2', 'tickets': 1}], 'Queue2': [{'name': 'user3', 'tickets': 1}, {'name': 'user1', 'tickets': 1}], 'Queue3': [{'name': 'user1', 'tickets': 30}, {'name': 'user2', 'tickets': 37}], 'Queue4': [{'name': 'user4', 'tickets': 2}]
}

希望显示为多个条形图，其中队列的类别和用户列表在每个队列下处理票证（从 sql 查询的动态数据集）

感谢任何帮助/建议。

谢谢。

Answer 1

你需要将你的数据解析成Highcharts要求的格式，例如：

var key,
    series = [];

for (key in data) {
    series.push({
        name: key,
        data: []
    });
    data[key].forEach(function(el) {
        series[series.length - 1].data.push({
            name: el.name,
            y: el.tickets
        });
    });
}

---

现场演示： http://jsfiddle.net/BlackLabel/9asrxwej/

API 参考： https://api.highcharts.com/highcharts/series.column.data