jquery - 我想向 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/