在具有不同ShieldUI JavaScript属性的dataStart图上显示两个系列

Question

我正在尝试使用屏蔽UI JavaScriptChart显示一些销售数据。我现在有两个系列。其中载有2012年的数据，2013年的第二个数据。这是我的代码：

            dataSeries: [
            {
                seriesType:'splinearea',
                data: [13,25.6,157.2,111.6,112.8,51.58],
                dataStart: Date.UTC(2012, 0, 1),
                dataStep: 24 * 3600 * 1000 
            },
            {
                seriesType:'splinearea',
                data: [17,25.6,147.2,125.6,124.8,55.58],
                dataStart: Date.UTC(2013, 0, 1),
                dataStep: 24 * 3600 * 1000 
            },
            ]  

奇怪的是，我得到的数据是图表开头和结尾的两条小条纹。为什么会这样呢？

Answer 1

得到这个结果是非常正常的，因为您指定了两个dataStarts，其中它们之间的距离是一年。您可以做的是:您需要保持dataStarts是相同的；更多的是，我看到您有相同的点数，所以您可能需要点对点的比较。还可以添加两个collectionAllias属性，指定一个系列用于2012年，另一个系列用于2013年：

            dataSeries: [
            {
                seriesType:'splinearea',
                data: [13,25.6,157.2,111.6,112.8,51.58],
                collectionAlias: "Sales 2012",
                dataStart: Date.UTC(2012, 0, 1),
                dataStep: 24 * 3600 * 1000 
            },
            {
                seriesType:'splinearea',
                data: [17,25.6,147.2,125.6,124.8,55.58],
                collectionAlias: "Sales 2013",
                dataStart: Date.UTC(2012, 0, 1),
                dataStep: 24 * 3600 * 1000 
            },
            ]

使用上述代码，您将能够代表2012和2013年初的销售情况。