shieldui - 2 つの Shield UI チャートを 1 つのコンテナーにレンダリングする方法は?

Question

同じコンテナーに 2 つの Shield UI チャートを配置しようとしています。1 つのチャートは線タイプで、もう 1 つのチャートはエリアです。ただし、2 番目のグラフが最初のグラフに置き換わっているように見えるため、結果として面グラフしか表示されません。以下は私のコードです：

                $("#container2").shieldChart(
                    {
                        exportOptions:
                        {
                            image: false,
                            print: false
                        },
                        primaryHeader: {
                            text: headerText
                        },

                        dataSeries: [
                            {
                                seriesType: 'line',
                                collectionAlias: 'Q Data',
                                data: localData
                            }
                        ]
                    }
                    );
                $("#container2").shieldChart(
                    {
                        exportOptions:
                        {
                            image: false,
                            print: false
                        },
                        primaryHeader: {
                            text: headerText
                        },

                        dataSeries: [
                            {
                                seriesType: 'area',
                                collectionAlias: 'Q Data',
                                data: localData
                            }
                        ]
                    }
                    );