django - 将 Django View python 字典转换为 highcharts 系列数据

Question

我试图找出最简洁的方法来获取我在 Django View 中拥有的 python dict 并将其放入 highcharts 中的饼图系列中。具体来说，当我单击页面上一个图表中的某个点时，我正在尝试加载包含该点详细数据的第二个图表。

例如，我可能有一个包含“水果”、“肉类”、“蔬菜”库存的柱状图。如果我点击一列，第二个图表会显示库存明细。 AKA 第二个“水果”图表将在饼图中显示“苹果”、“橙子”、“香蕉”的库存。

我正在尝试使用 jQuery.get 执行此操作，因为我不想重新加载整个页面。我的 Django View 将有一个用于处理 ajax 的部分，如下所示:

myData = {}
myData['apples'] = 20
myData['oranges'] = 30
myData['bananas'] = 50

context = Context()
context['fruit'] = myData
return HttpResponse(context)

我想用于饼图的数据格式将 dict 键作为 x，将 dict 值作为 y:

[['apples',20],['oranges',30]…]

我已经尝试将数据作为字符串从 View 传递给脚本，虽然它作为字符串正确地通过电线，但没有按照我想要的方式处理，因为我认为值 20、30 等被作为字符串处理并且不是值(value)观。我不确定这是否是正确的方法。
我应该通过在 Django 模板中呈现上下文来做到这一点吗？如果是这样，那么在 jQuery/ajax 成功处理程序中会是什么样子？

似乎从 dict 到具有上述格式的 highcharts 系列(以 dict 键为 x，以 dict 值为 y)将是许多人所做的事情，所以我想我错过了一些东西。

Answer 1

试试这个:

import json
from django.http import HttpResponse

myData = {}
myData['apples'] = 20
myData['oranges'] = 30
myData['bananas'] = 50

response_data = {
  'data': myData,
  'message': 'OK',
  'status': 'success'
}

return HttpResponse(json.dumps(response_data), content_type="application/json")