首先给出Echarts官网异步更新的示例代码:
var myChart = echarts.init(document.getElementById('main'));
$.get('data.json').done(function (data) {
myChart.setOption({
title: {
text: '异步数据加载示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
});
});
我想实现的是Flask做后台,获取MySQL数据库数据,然后转换成JSON数据,然后异步更新到Echarts里面。
项目结构如下:
1.数据库内容:
数据库名是:test,表名是tvalues,里面只有两列id和tdsvalue,具体如下图所示。
2.Flask后台代码:
#coding:utf-8<