关于PHP与ECHARTS的图表的更新

我做了一个很简单的PHP-ajax-用表单提交时间后("A.PHP")，在下面显示出在这个时间断里的断据。("B.PHP")包含销量等等。

为使问题简单化，我不做数据表的描述。

数据提交和显示都没有问题了，但我想更直观的让数据以柱形图的进行显示。我看了ECHARTS的描述文档。我不知道应该如何去做图表的更新。

希望得到一个比较实际的案例来解决问题 。给初学者一些鼓励。

var myChart = echarts.init(document.getElementById('main'));
$.get('https://www.runoob.com/static/js/echarts_test_data.json', function (data) {

}

ECHARTS 里使用的是JSON形式的更新，

我已经使用过一次PHP的AJAX，我尝试在B.PHP上直接让图表显示出来，但是用过A.PHP页面去异步，发现B.PHP里的图表并不会更新显示。

应该如何让B.PHP页面，把图表直接显示出来。

    var myChart = echarts.init(document.getElementById('main'));//注意修改你的容器id
    var option = { ........}
    myChart.setOption(option);

    function refreshData(data) {

        var option = myChart.getOption();
        option.series[0].data = data;
        myChart.setOption(option);
    }
//从b.php加载数据，成功后调用refreshData更新
    $.getJSON('b.php', function (data) { refreshData(data) })

可以参考上面的代码

b.php返回json数据，不返回json数据返回其他 格式的也行，用js处理成echarts需要的json格式后调用api更新数据源就行了

//初始创建
var myChart = echarts.init(document.getElementById('main'));
var    option = {........}
myChart.setOption(option);
 
function refreshData(data){
     //刷新数据
      var option = myChart.getOption();
      option.series[0].data = data;
      myChart.setOption(option);    
}
//refreshData(data)；//自定义刷新的时候调用，data为你返回的数据