ECharts从后台获取数据并展示源码

ECharts是一个基于Javascript的可视化库，可以使用它从后台获取数据并展示。

实现该功能需要以下步骤：
1. 存储数据：将数据存储在数据库或者文件中。
2. 后台中写API：编写后台API接口，获取存储的数据。
3. 前端中调用API：通过JavaScript代码调用后台API接口，并获取数据。
4. ECharts数据绑定：将获取到的数据绑定到ECharts中，并展示。

以下是一个简单的代码示例：

//后台API接口
//需要在服务器端通过node.js等方式实现

router.get('/getData', function (req, res) {
    var sql = 'SELECT * FROM data';
    conn.query(sql, function (err, result) {
        if (err) {
            res.json({
                status: 500,
                msg: '服务器出错'
            });
        } else {
            res.json({
                status: 200,
                data: result
            });
        }
    });
});

//前端调用API接口
//需要在浏览器端通过JavaScript代码实现

$.ajax({
    type: 'GET',
    url: '/getData',
    dataType: 'json',
    success: function (res) {
        if (res.status === 200) {
            var data = res.data;
            showECharts(data);//展示ECharts
        } else {
            alert(res.msg);
        }
    }
});

//ECharts数据绑定

function showECharts(data) {
    var chart = echarts.init(document.getElementById('chart'));
    chart.setOption({
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: data,
            type: 'bar'
        }]
    });
}