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

Question

我正在尝试使用Shield 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年初的销售额。