我想在Highcharts柱形图中为每列添加一行

Question

有没有办法在柱形图中为每列添加一行？例如,我将测试分数绘制为列.每个测试都有一个最小的通过等级,我希望在该列上显示为一行,并可能添加一个显示通过等级的工具提示.每次测试的及格分数并不总是相同.如果测试等级不符合合格等级,则低于该等级; 如果超过通过等级,该行将出现在列上.

Answer 1

您可以使用我用于创建子弹图的技术,通过扩展Highcharts标记符号以包括垂直和水平线.

Highcharts.Renderer.prototype.symbols.vline = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};
Highcharts.Renderer.prototype.symbols.hline = function(x, y, width, height) {
    return ['M',x ,y + height / 2,'L',x+width,y + width / 2];
};

用法示例:

• http://jsfiddle.net/jlbriggs/UGs2E/17/