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

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

得到该结果是很正常的，因为您指定了两个 dataStart，它们之间的距离是整整一年。你可以做的是:您需要保持 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 年初的销售额。