Отображение двух серий на JavaScript-диаграмме ShieldUI с различными свойствами dataStart
Я пытаюсь показать некоторые данные о продажах с помощью 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
},
]
Как ни странно, данные, которые я получаю, представляют собой две крошечные полосы в начале и в конце графика. Почему так?
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 годов.