Отображение двух серий на 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 годов.

Другие вопросы по тегам