堆叠图问题

[stevenjin]

想用如下数据画出类似下图的堆叠图(echarts)，但我的出不来。

Mon Area Sum
01 北京 58
02 北京 57
01 上海 66
02 上海 66
01 南京 59
02 南京 60



我的代码，但有问题

    <script>
        $(document).ready(function(){            
            LoadChart();
        })              
       

        function LoadChart() {            
            var myChart = echarts.init(document.getElementById('AreaCurve'));
            // 显示标题，图例和空的坐标轴
            myChart.setOption({
                title: {
                    text: '趋势图'
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        animation: false
                    },
                    formatter: function (params) {                        
                        return "门店："+ params[0].name + '<br />开卡率:' + params[0].value + '%';
                    }
                },
                //legend: {
                //    data: ['温度']
                //},
                xAxis: {                    
                    axisLabel: {
                        interval: 0,//横轴信息全部显示
                        rotate: 60,//60度角倾斜显示
                        formatter: function (val) {
                            return val.split("").join("\n"); //横轴信息文字竖直显示
                        }
                    }  ,
                    data: []
                },
                yAxis: {
                    axisLabel: {
                        formatter: '{value} %'
                    },
                   
                },
                series: [{
                    name: '温度',
                    type: 'line',
                    smooth: true,
                    data: []
                }]
            });

            $.ajax({
                type: "POST",
                async: true,
                url: "AreaAnalysisVip.aspx/ChartData",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {                    
                    var rt = new Array();
                    rt = eval('(' + data.d + ')');
                   

                    console.info(rt[0].ticketSum);
                    var varReceiver = data;
                    var varReceiver = jQuery.parseJSON(data);
                    var varAxis = new Array();
                    var varSeries = new Array();
                    
                    for (var i = 0; i < rt.length; i++) {
                        varAxis.push(rt[i].storeIDTicket);
                        varSeries.push(rt[i].ticketSum);
                    }
                    
                  
                    // 填入数据
                    myChart.setOption({
                        xAxis: {
                            data: varAxis
                        },
                        series: [{
                            //根据名字对应到相应的系列
                            name: '趋势图',
                            data: varSeries
                            //  data: [2, 20, 36, 10, 10, 20]
                        }]
                    });
                }
            })
        } 
</script>

[xuzuning]

没看到你在哪里指定了图表样式

[stevenjin]

嗯，是有问题。怎样才能在后台填充出我图片中的效果呢？