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