在高图集中将线条添加到3d列图中

Question

我在一个项目中使用高级图表来制作一些数据图表，现在，用2D来做它是非常完美的：

二维图表

这是一组每个月的百分比，带有一条红线，表示目标%，以便很容易地可视化一组数据是否超过或低于该百分比。

现在的问题是，为了让它更像“流行音乐”，我尝试让它变得3D，我包括了3D库并启用了它，但是图表结果是这样的：

在3D中不工作的图表

尽管条形图按预期显示，但这条线搞砸了，而且离它应该在的地方很远。

我试着从样条变换到分散，但没有成功。有没有人知道我能如何解决这个问题，或者用不同的方式来呈现这个“目标”，这样你就可以很容易地看到哪个酒吧在它的上方或下面。

提前感谢！

PS:这是我为3D使用的高级图表选项的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