【问题标题】:Highcharts markers on bar charts条形图上的 Highcharts 标记
【发布时间】:2014-03-16 16:52:33
【问题描述】:

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

【问题讨论】:

标签: charts highcharts visualization bar-chart information-visualization


【解决方案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 是您要找的。他们可能在以后的版本中添加了此功能。您可以根据需要添加任意数量的条形图。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-11-05
      • 1970-01-01
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多