<div id="main" style="width: 100%;height:510px;"></div>

                var len = msg.row_data.record;
                var total = msg.row_data.total_records;

                var ary = [];
                var myChart = echarts.init(document.getElementById('main'));
                var option = {}
                
 
var seriesType = ''
                if(Form == '1'){
                    //柱狀
                    seriesType = 'bar';
                }else if(Form == '2'){
                    //線型
                    seriesType = 'line';
                }
                option = {
                    legend: {},
                    tooltip: {},
                    dataset: {
                        
 
// 用 dimensions 指定了維度的順序。直角座標系中，如果 X 軸 type 為 category，
                        // 預設把第一個維度對映到 X 軸上，後面維度對映到 Y 軸上。
                        // 如果不指定 dimensions，也可以通過指定 series.encode
                        // 完成對映，參見後文。
                        dimensions: ['product', '員工總數', '參訓人數', '完成人數'],
                        source: []
                    },
                    
 
// 宣告一個 X 軸，類目軸（category）。預設情況下，類目軸對應到 dataset 第一列。
                    xAxis: { type: 'category' },
                    // 宣告一個 Y 軸，數值軸。
                    yAxis: {},
                    // 宣告多個 bar 系列，預設情況下，每個系列會自動對應到 dataset 的每一列。
                    series: [{ type: seriesType }, { type: seriesType }, { type: seriesType }]
                };
                $(len).each(function(index,item){
                    var obj = {
                        product: item.CurrYear + '年' + item.CurrMonth + '月',
                        '員工總數': item.StaffCount_Total,
                        '參訓人數': item.StaffCount_Actual,
                        '完成人數': item.StaffCount_Finish
                    }
                    ary.push(obj);
                })
                option.dataset.source = ary;
                myChart.setOption(option);

Scripts/echarts.min.js
https://echarts.apache.org/handbook/zh/get-started