2017-02-22 20 views
0

Есть ли способ сравнить один месяц двух лет с колонками Highcharts?Сравните один месяц двух лет с Highcharts

Смотрите ниже Exemple:

enter image description here

структура данных выглядит следующим образом:

myData[0] = { data1:"0.00", data2:"0.00", data3:"868.00", month:"june", numMonth:"11", data4:"mydata4", year:"2014" } 
myData[1] = { data1:"0.00", data2:"0.00", data3:"737.00", month:"june", numMonth:"11", data4:"mydata4", year:"2015" } 

Сравнивая тезисы ДАННЫЕ, я хотел бы положить лет ниже моих колонок.

Спасибо!

+0

Ну да, но это зависит от ваших данных и его структура. – George

+0

Данные объекты, как это: MyData [0] = { \t data1: "0,00", \t data2: "0,00", \t данные3: "2211,00", \t месяц: "NOVEMBRE", \t numMonth: "11", \t Data4: "mydata4", \t года: "2015" } И за тот же месяц, я могу иметь два разных лет: MyData [1] = { \t data1: "0,00", \t data2: "0,00", \t data3: "2211,00", \t месяц: "Novembre", \t numMonth: "11", \t Data4: "mydata4", \t года: "2016" } Спасибо за ваш ответ;) –

+1

Да. Для более конкретного ответа вам нужно добавить более конкретный вопрос. – jlbriggs

ответ

1

Вы можете легко преобразовать свои данные в формат, ожидаемый по высоким стандартам.

myData = [] 
myData[0] = { 
    data1: "0.00", 
    data2: "0.00", 
    data3: "2211.00", 
    month: "november", 
    numMonth: "11", 
    data4: "mydata4", 
    year: "2015" 
} 
myData[1] = { 
    data1: "0.00", 
    data2: "0.00", 
    data3: "2211.00", 
    month: "november", 
    numMonth: "11", 
    data4: "mydata4", 
    year: "2016" 
} 

const series = myData.map((o) => { 
    return { 
    type: 'column', 
    name: o.year, 
    data: [{x: Number(o.numMonth), y: Number(o.data3)}] 
    } 
}) 

console.log(series) 

const options = { 
    xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, 
    series: series 
} 

const chart = Highcharts.chart('container', options) 

Живой пример: https://jsfiddle.net/xw3w1zve/

Выход: enter image description here

+0

Благодарим вас за ответ, но это не то, что я ищу. Это должно быть похоже на картинку, прикрепленную к моему сообщению. –

+0

Похоже на меня. Вам просто нужно изменить цвета, добавить dataLabels и т. Д. – stpoa