将折线添加到高图表中的 3D 柱形图

Question

我正在使用highcharts在项目中制作一些数据图表，目前，在2D中这样做可以完美地工作：

在 2D 模式下工作的图表

这是每个月一组百分比，红线指示目标百分比，以便轻松可视化一组数据是否高于或低于该百分比。

问题是现在我正在尝试使其 3D 以使其更具"流行"性，我包含 3D 库并启用它，但图表结果如下：

图表在 3D 中不起作用

即使条形按预期显示，线条也会乱七八糟，并且远未达到应有的位置。

我尝试从样条更改为散点，但没有成功。有没有人知道我如何解决这个问题，或者也许是一种不同的方法来呈现这个"目标"，以便您可以轻松查看哪些条形在它上面或下面。

提前感谢！

PS：这是我用于3D的Highcharts选项的JSON：

{
"chart": {
"options3d": {
"enabled": true,
"alpha": 0,
"beta": 0,
"depth": 20
}
},
"title": {
"text": "Title"
},
"xAxis": {
"categories": [
"a",
"b"
],
"crosshair": false,
"gridLineWidth": 1,
"min": 0,
"max": 1
},
"yAxis": {
"floor": 98,
"ceiling": 100,
"title": {
"text": "%"
}
},
"plotOptions": {
"column": {
"pointPadding": 0.2,
"borderWidth": 0
},
"scatter": {
"width": 10,
"height": 100,
"depth": 10
}
},
"series": [
{
"name": "ENERO",
"type": "column",
"data": [
99.8,
99.77
]
},
{
"name": "FEBRERO",
"type": "column",
"data": [
100,
99.83
]
},
{
"lineWidth": 1,
"name": "Meta (99.8%)",
"type": "scatter",
"color": "#FF0000",
"marker": {
"enabled": false
},
"legend": {
"enabled": false
},
"data": [
[
-1,
99.8,
2
],
[
2,
99.8,
2
]
]
}
]
}

Answer 1

3D 中不完全支持折线图，但如果您的目标是只画一条线，则可以使用 plotLines。

"yAxis": {
"plotLines":[{
"value": 99.5,
"width": 2,
"color": 'red'
}],
"floor": 98,
"ceiling": 100,
"title": {
"text": "%"
}
},

演示：

• http://jsfiddle.net/v66zt28y