2017-06-19 81 views
0

在情况下,我有一系列单个元件的列不居中 - 列居中确定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/

回答

1

颜色,默认情况下,Highcharts将grouping设置为true

这会为所有系列的每个类别创建空间。

假设你希望基团的任何的数据(即曲线图的两个点并排在同一x值)的,最简单的解决方案是设置groupingfalseplotOptions

更新小提琴

输出

enter image description here

0

的解决办法是使用一个系列,并当您在酒吧或柱形图中使用多个系列的指定内部数据

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/

+0

我用这个解决方案中看到的主要问题是,该系列代表ST100和ST200 ,但现在开始y将显示ST100的名称。不知道这些名称代表什么,很难说这是否是一个问题。 – jlbriggs

+0

@jlbriggs:你是对的..这是缺点...感谢提及关于分组 – ihtus