Highcharts 高位图表3,柱形图上的线条

Highcharts 高位图表3,柱形图上的线条,highcharts,Highcharts,}) 在升级到Highcharts 3之前,上面的代码可以正常工作,从左到右画线,但是因为我正在尝试升级到v3,所以我无法让线一直画到右边 我根据之前的问题/答案设计了上述解决方案 上面的示例是我需要的简化版本,不幸的是,绘图线不是我的解决方案。简单的解决方案是将另一个点延伸到平均线上: 为什么绘图线不合适?我建议使用绘图线或使用渲染器 以前,像上面这样的图表会从-0.5扩展到+0.5,而0在中间。现在是从-0.5到1.5,中间是1?我不能使用plotLine,因为它们扩展了整个图表的坐标,但整

})

在升级到Highcharts 3之前,上面的代码可以正常工作,从左到右画线,但是因为我正在尝试升级到v3,所以我无法让线一直画到右边

我根据之前的问题/答案设计了上述解决方案


上面的示例是我需要的简化版本,不幸的是,绘图线不是我的解决方案。

简单的解决方案是将另一个点延伸到平均线上:


为什么绘图线不合适?

我建议使用绘图线或使用渲染器


以前,像上面这样的图表会从-0.5扩展到+0.5,而0在中间。现在是从-0.5到1.5,中间是1?我不能使用plotLine,因为它们扩展了整个图表的坐标,但整个图表的坐标值可能会有所不同。看起来X轴的起始位置发生了变化。索引0不在xAxis 0上,而是在xAxis 1上。您的解决方案存在问题,虽然它绘制了一条完整的线,但我无法将该问题的dataLabel一直移到右侧或左侧。这是因为您的dataLabel位于现在的第二个数据点上。数据标签保持在该点附近。因此,为了在行的左侧或右侧显示,请将dataLabel移动到其中一个点。由于这三个点的y值都相同,那么数据标签也应该相同。这就是计划,但不幸的是,它不会改变:谢谢你的想法。不幸的是,两个选项都没有显示在图例中,而且渲染器不可能正确放置在动态图表中。我想我得和我们的客户谈谈,看看他想做什么。遗憾的是,他们在更新中改变了它的工作方式。
$(function () {
$('#container').highcharts({

    chart: {
        type:'column'
    },
    xAxis: {
        min:0,
        max:0,
        categories: ["test"]
    },
    series: [{
        "name": "ABELO",
        "data": [
            0.73
        ]
    },{
        "name": "UAAU",
        "data": [
            0.77
        ]
    },{
        "name": "ANCB",
        "data": [
            1.72
        ]
    },
             {
        "name": "avg",
        "type": "line",
        "color": "#ff0000",
        "data": [
            {
                "x": -0.5,
                "y": 1.5
            },{
                "y": 1.5,
                "dataLabels": {
                    "enabled": true,
                    "align": "right",
                    "verticalAlign": "bottom",
                    "formatter": function(){
                        return 'avg:  ' + this.y;
                    },
                    "style": {
                        "fontWeight": "normal"
                    },
                    "x": 0.5
                }
            }
        ]
    }
]

});
...,{"x": 1.5, "y": 1.5}]