Python dict到highcharts条形图数据集

我正在用从SQLAlchemy中提取的数据构建dict，dict构建得很好，但我的问题是使用highcharts将数据放入条形图中

我得到的是：

__初始值

dashboard.html

一方面，我可以看到集装箱，但里面什么也看不见。所以页面上的所有内容都向下移动了

页面来源：

问题：如何使dict符合图表数据集/系列格式要求？这就是为什么图表没有显示的原因吗

---

所以我可以看到dict中的数据正在通过。任何帮助都将不胜感激

我认为您的JS失败是因为这行代码：var chart\u id=chart\u id-您在JS控制台中没有任何错误吗？另外，不要忘记从选项中创建图表：新建Highcharts.chart{chart:chart，yAxis:yAxis，xAxis:xAxis，title:title，series:series}；。并在页面加载onload事件后创建图表。您是否包括jQuery或独立适配器？我在你的页面源代码中没有看到它们中的任何一个。我有jQuery并远程调用highcharts JS。不过，我的第一个问题呢？在未定义图表id的情况下，将变量图表id分配给变量图表id看起来很像，但因为您没有发布完全生成的页面源代码或设置live demo？我只能猜测。再一次，我建议从检查JavaScript控制台开始——很可能存在错误，详细说明了失败的原因。

@app.route('/dashboard/')
@login_required
def dashboard(chartID = 'chart_ID', chart_type = 'bar', chart_height = 350):
    i = 1
    counts = {}
    counts = build_row_count()
    chart = {"renderTo": chartID, "type": chart_type, "height": chart_height,}
    series = [{"name": counts.keys(), "data": counts.values()}]
    title = {"text": 'Assets'}
    xAxis = {"categories": ['xAxis Data1', 'xAxis Data2', 'xAxis Data3']}
    yAxis = {"title": {"text": 'yAxis Label'}}
    return render_template("dashboard.html", TOPIC_DICT = TOPIC_DICT, row_count=counts, locations=get_locations(), i=i, chartID=chartID, chart=chart, series=series, title=title, xAxis=xAxis, yAxis=yAxis)

<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="chart_ID" style="width:100%; height:400px;"></div>
<script>
    var chart_id = {{ chartID|safe }}
    var series = {{ series|safe }}
    var title = {{ title|safe }}
    var xAxis = {{ xAxis|safe }}
    var yAxis = {{ yAxis|safe }}
    var chart = {{ chart|safe }}
</script>

<div id=chart_ID class="chart" style="height: 100px; width: 500px"></div>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="chart_ID" style="width:100%; height:400px;"></div>
<script>
    var chart_id = chart_ID
    var series = [{'data': [1, 53, 323, 1, 1, 39], 'name': ['MENLYN', 'OR_TAMBO', 'KRUGER_AVE', 'CENTURIONMALL_E1', 'NEDBANK_ATM', 'PRETORIA']}]
    var title = {'text': 'Assets'}
    var xAxis = {'categories': ['xAxis Data1', 'xAxis Data2', 'xAxis Data3']}
    var yAxis = {'title': {'text': 'yAxis Label'}}
    var chart = {'renderTo': 'chart_ID', 'type': 'bar', 'height': 350}
</script>