Highcharts:boxplot图表中的自定义图例

时间:2016-01-25 10:41:02

标签: .net highcharts dotnethighcharts

在highcharts中,当您绘制箱线图并启用图例时,它仅显示图例中一个系列的名称,如下所示。

enter image description here

但实际上这个系列包括5个子系列,分别为最小,最大,中位数,下四分位数,上四分位数。这就像将5个系列的数据合二为一,并绘制箱线图。 有没有办法在highcharts中显示与每个子系列相对应的5个图例项目(例如,mimimum,median等...)

Link to JSFiddle

series: [{
            name: 'Observations',
            data: [
                [760, 801, 848, 895, 965],
                [733, 853, 939, 980, 1080],
                [714, 762, 817, 870, 918],
                [724, 802, 806, 871, 950],
                [834, 836, 864, 882, 910]
            ]
        }]

2 个答案:

答案 0 :(得分:1)

找到一种解决这个问题的hacky方法jsfiddle.net/saurabhinvit/fbqfes07/3

答案 1 :(得分:1)

正如@Paweł Fus 在评论中提到的,http://jsfiddle.net/g9hs4xaa/3/

series: [{data: [[0, 760, 801, 848, 895, 965]]}, 
     {data: [[1, 733, 853, 939, 980, 1080]]}, 
     {data: [[2, 714, 762, 817, 870, 918]]}, 
     {data: [[3, 724, 802, 806, 871, 950]]}, 
     {data: [[4, 834, 836, 864, 882, 910]]}]

分离系列数据是我们能得到的最接近的结果。但是在取消选择特定图例时仍然存在问题,相应的框消失但xAxis 类别不消失。

因此,以上面的小提琴示例为例,如果我们取消选择系列 2,则会出现该框,但 xAxis 类别 - "2" 仍然出现在 1 和 3 之间的空白处。类似地,如果我们删除 2,3,4 那么我们最终角落里只有2个盒子,看起来不太好。

无法在网上找到可靠的解决方案!这是一个highchart错误还是我在这里遗漏了什么?

screenshot