HighCharts：當多系列

在情況下，我有一系列單個元件的列不居中 - 列居中確定HighCharts：當多系列

series: [{ 
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674],[1497888000000,75.415]]], 
    name:'ST100', 
    color:'#FFFF00' 
}]

當2個以上的元素，這些列都更薄，不正確居中

series: [{ 
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674]], 
    name:'ST100', 
    color:'#FFFF00' 
}, 
{ 
    data:[[1497888000000,75.415]], 
    name:'ST200', 
    color:'#FFFF00' 
} 
]

我需要系列的多個元素來定義單獨的顏色等。如何居中列和修復寬度？

請參閱演示：https://jsfiddle.net/ihtus/pqxhqg37/

來源

2017-06-19 ihtus

顏色，默認情況下，Highcharts將grouping設置爲true。

這會爲所有系列的每個類別創建空間。

假設你不希望基團的任何的數據（即曲線圖的兩個點並排在同一x值）的，最簡單的解決方案是設置grouping到false在plotOptions。

更新小提琴：

https://jsfiddle.net/jlbriggs/pqxhqg37/18/

輸出：

來源

2017-06-20 14:13:35 jlbriggs

的解決辦法是使用一個系列，並當您在酒吧或柱形圖中使用多個系列的指定內部數據

series: [{ 
    data:[ 
     {x:1497870000000,y:207.207,color:'#FFFF00'}, 
     {x:1497873600000,y:97.766,color:'#00FF00'}, 
     [1497877200000,320.879], 
     [1497880800000,101.188], 
     {x:1497884400000,y:122.674,color:'#0000FF'} 
    ], 
    name:'ST100' 

}]

https://jsfiddle.net/ihtus/s6v0z4xk/

來源

2017-06-19 17:14:33 ihtus

我用這個解決方案中看到的主要問題是，該系列代表ST100和ST200 ，但現在開始y將顯示ST100的名稱。不知道這些名稱代表什麼，很難說這是否是一個問題。 – jlbriggs

@jlbriggs：你是對的..這是缺點...感謝提及關於分組 – ihtus

HighCharts：當多系列

回答

相關問題