charts - 条形图上的 Highcharts 标记

Question

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

Answer 1

你有两个解决方案：

• 如您所说，使用 scatter ，但计算 x 位置（例如，两个条形系列对 x 类别的平均值为 -0.25 和 +0.25。例如[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] ]
  }]
  

Answer 2

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