將兩個月中的一個月與Highcharts比較

有沒有辦法將兩年中的一個月與Highcharts列比較？將兩個月中的一個月與Highcharts比較

請參見下面的爲例：

數據結構如下：

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

通過比較論文DATAS，我願把年低於我的專欄。

謝謝！

來源

2017-02-22 Pierre Météyé

嗯，是的，但它取決於你的數據，它的結構。 – George

的數據是這樣的對象： myData的[0] = { \t DATA1：「0.00」， \t DATA2：「0.00」， \t DATA3：「2211.00」，個月：「NOVEMBRE」， \t numMonth：「11」， \t DATA4：「mydata4」，年：「2015」 } 而同月，我可以有兩種不同的年份： myData的[1] = { \t數據1：「0.00」， \t DATA2：「0.00」， \t數據3：「2211.00」，個月：「NOVEMBRE」， \t numMonth：「11」， \t DATA4：「mydata4」，年：「2016」 } 感謝您的回覆;） –

是的。對於更具體的答案，您需要添加更具體的問題。 – jlbriggs

您可以輕鬆地將數據轉換爲高圖所期望的格式。

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/

輸出：

來源

2017-02-22 14:59:51 stpoa

謝謝你的回覆，但那不是我正在尋找的。它必須看起來像我已附加到我的文章的圖片。 –

它看起來像我以上。你只需要改變顏色，添加dataLabels等。 – stpoa

將兩個月中的一個月與Highcharts比較

回答

相關問題