使用Python的Flask框架，结合Highchart，动态渲染图表

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

服务端动态渲染图表

参考文章链接：https://www.highcharts.com.cn/docs/dynamic-produce-html-page

参考文章是使用php写的，我这边改用python写

具体如下：

1.目录结构：

ajax_demo
    ajax_demo.py
    templates
        -index.html
    static
        -jquery-3.3.1.min.js
        -highcharts-7.0.3.js

2.ajax_demo.py

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')
def index():
data = {
'text1':'对数折线图',
'data1':[1, 2, 4, 8, 16, 32, 64, 128, 256, 512],
}
return render_template('index.html',**data)if __name__ == '__main__':
app.run(debug=True)

3..index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一个 Highcharts 图表</title>

<script src="static/jquery-3.3.1.min.js"></script>

<script src="static/highcharts-7.0.3.js"></script></head>
<body>
<div id="container" style="min-width:500px;height:500px"></div><script>
var chart = Highcharts.chart('container', {
title: {
text: '{{ text1 }}'
},
xAxis: {
tickInterval: 1
},
yAxis: {
type: 'logarithmic',
minorTickInterval: 0.1
},
tooltip: {
headerFormat: '<b>{series.name}</b><br />',
pointFormat: 'x = {point.x}, y = {point.y}'
},
series: [{
data: {{ data1 }},
pointStart: 1
}]
});</script></body>
</html>