charts - 条形图上的 Highcharts 标记

Question

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

Answer 1

您有两种解决方案:

• 如您所说，使用散点图，但计算 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] ]
  }]