Сравните один месяц двух лет с Highcharts

Question

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

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

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

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" } 

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

Спасибо!

Answer 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/

Выход: