<script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script type="text/javascript">
    var myChart;
    var test = 10
    // 路徑配置
    require.config({
        paths: {
            echarts: 
 
'http://echarts.baidu.com/build/dist'
        }
    });
    // 使用
    require(
        [
            'echarts',
            'echarts/chart/bar' // 使用柱狀圖就載入bar模組，按需載入
        ],
        function (ec) {
            // 基於準備好的dom，初始化echarts圖表
             myChart = ec.init(document.getElementById('divProgress'));
            
 
var option = {
                tooltip: {
                    show: true
                },
                animation: false,
                legend: {
                    data: ['銷量']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: [
 
"襯衫", "羊毛衫", "雪紡衫", "褲子", "高跟鞋", "襪子"]
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        "name": "銷量",
                        "type": "bar",
                        "data": [5, 20, 40, 10, 10, 20]
                    }
                ]
            };
            // 為echarts物件載入資料 
            myChart.setOption(option);
        }
    );
    
    //這裡用setTimeout代替ajax請求進行演示
window.setInterval(function () {
    var data = [test, 5, 10, 40, 20, 10];
   $.get("SQLTest.ashx",function(responseTxt,statusTxt,xhr)
   {
    test=responseTxt;
    //if (statusTxt == "success")alert(test);
    if (statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
   });
    data = [test, 5, 10, 40, 20, 10];
    refreshData(data);       
},3000);
 
function refreshData(data){
     if(!myChart){
          return;
     }
     
     //更新資料
      var option = myChart.getOption();
      option.series[0].data = data;   
      myChart.setOption(option);    
}
</script>