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