Echarts异步更新中的跨域问题

之前转载了一篇文章《Flask+Echarts 实现动图图表》，后来自己想实现异步更新的时候，数据就是一直不加载。

下面就是百度官方的示例代码：

$.get('data.json').done(function (data) {
    // 填入数据
    myChart.setOption({
        xAxis: {
            data: data.categories
        },
        series: [{
            // 根据名字对应到相应的系列
            name: '销量',
            data: data.data
        }]
    });
});

但是图表一直像下面这样显示：

F12打开console界面，我的错误提示是这样：

经过请教别人，说可能是因为跨域造成了不允许访问数据。

跨域的解释及解决方法可以参考：
https://www.imooc.com/video/6238
http://www.cnblogs.com/2050/p/3191744.html