条形图上的 Highcharts 标记

Posted 2023-03-11

【中文标题】条形图上的 Highcharts 标记

【英文标题】：Highcharts markers on bar charts

【发布时间】：2014-03-16 16:52:33

【问题描述】：

我使用 Highcharts 制作了一个与此类似的图表 (http://www.highcharts.com/demo/bar-basic)，现在我想在每个条形图上添加一个垂直线形式的标记。 我一直在尝试使用“分散”，但这只允许我为每组条添加一个标记。有什么办法可以改变吗？还是有其他解决方案？谢谢！

【问题讨论】：

你的意思是像PlotLines这样的东西吗？ highcharts.com/stock/demo/yaxis-plotlines

【参考方案1】：

您有两种解决方案：

如您所说，使用 scatter，但计算 x 位置（例如，两个条形系列均值 -0.25 和 +0.25 到 x 类别。例如，[1.25, 200] 显示第二个类别中的第二个条形。

使用设置了 minPointLength 的列范围系列：http://jsfiddle.net/7F4hQ/ 和堆栈将系列连接在一起

plotOptions: 
    bar: 
        dataLabels: 
            enabled: true
        
    ,
    columnrange: 
        minPointLength: 5,
        borderWidth: 0
    
,
series: [
    stack: 1,
    name: 'Year 1800',
    data: [107, 31, 635, 203, 2]
, 
    stack: 2,
    name: 'Year 1900',
    data: [133, 156, 947, 408, 6]
, 
    stack: 3,
    name: 'Year 2008',
    data: [973, 914, 4054, 732, 34]
, 
    stack: 1,
    linkedTo: 0,
    type: 'columnrange',
    name: 'Year 1800',
    data: [ [107, 108], [107, 108],[107, 108], [107, 108],[107, 108] ]
, 
    stack: 2,
    linkedTo: 1,
    type: 'columnrange',
    name: 'Year 1900',
    data: [ [107, 108], [107, 108],[107, 108], [107, 108],[107, 108] ]
, 
    stack: 3,
    linkedTo: 2,
    type: 'columnrange',
    name: 'Year 2008',
    data: [ [10, 11], [107, 108],[107, 108], [107, 108],[107, 108] ]
]

【参考方案2】：

我认为Bullet Chart 是您要找的。他们可能在以后的版本中添加了此功能。您可以根据需要添加任意数量的条形图。