flask mysql echart_Flask+Ajax实现Echarts异步更新

首先给出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，具体如下图所示。