Javascript 使用flask render_模板在前端制作highchart

Javascript 使用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':

我有一个简单的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': '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结构放入模板中:

然后,您可以在JS代码中使用此客户端。JSON毕竟是JavaScript的一个子集,或者至少是Python JSON模块生成的JSON

这将使用生成HTML安全JSON值的;使用JSON\uxxx转义码为您转义任何HTML元字符

<script type="text/javascript">
    var chart_data = {{ highchart_json|tojson|safe }};
</script>