Javascript 使用flask render_模板在前端制作highchart
我有一个简单的python方法,它将生成一个highcharts jsonJavascript 使用flask render_模板在前端制作highchart,javascript,jquery,python-2.7,highcharts,flask,Javascript,Jquery,Python 2.7,Highcharts,Flask,我有一个简单的python方法,它将生成一个highcharts json @app.route('/make/a/chart') def make_chart(): data = get_data() c = Counter for each in data: c['AGE'] += 1 highchart_json = { 'chart': { 'type': 'column' } 'title': { 'text':
@app.route('/make/a/chart')
def make_chart():
data = get_data()
c = Counter
for each in data:
c['AGE'] += 1
highchart_json = {
'chart': {
'type': 'column'
}
'title': {
'text': 'arranged by age'
}
'x-axis': {
'categories': [x for x in c]
}
'series': {
'name': 'Groups By Age',
'data': [c[x] for x in c]
}
}
return render_template('some_template.html', json=highchart_json)
是否可以使用模板呈现它,或者通过JSonification将其发送到前端,这是将其转换为highchart的唯一真正方法?您可以将JSON作为Javascript结构放入模板中:
var-chart_-data={{highchart_-json | tojson | safe}};
然后,您可以在JS代码中使用此客户端。毕竟,JSON是JavaScript的子集,或者至少是PythonJSON
模块生成的JSON
这将使用生成HTML安全JSON值的;使用JSON\uxxxx
转义码为您转义任何HTML元字符
<script type="text/javascript">
var chart_data = {{ highchart_json|tojson|safe }};
</script>