shieldui - 如何将两个 Shield UI 图表渲染到一个容器？

Question

我正在尝试将两个 Shield UI 图表放在同一个容器中。一个图表是线型，另一个是区域。然而，似乎第二个图表正在取代第一个图表，因此我只能看到面积图。下面是我的代码：

                $("#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
                            }
                        ]
                    }
                    );  

Answer 1

每个图表都完全且完全地渲染到一个容器中，简单地说，在任何给定时刻都不能向它渲染任何其他图表。我看到您使用的是单个系列图表，因此首先您可以简单地将系列放在一个图表中。或者您可以简单地在页面上放置另一个容器，因为拥有两个容器在视觉上不会反映图表的外观。