Javascript 在Highcharts中向三维柱形图添加线条

Javascript 在Highcharts中向三维柱形图添加线条,javascript,charts,highcharts,Javascript,Charts,Highcharts,我正在使用highcharts在项目中制作一些数据图表,目前,在2D中进行,效果非常理想: 这是每个月的一组百分比,用一条红线表示目标%,以便于直观显示一组数据是否超过或低于该百分比 现在的问题是,我正在尝试将其制作成3D,以使其更具“流行性”,我包括了3D库并启用了它,但图形结果如下所示: 即使条形图按预期显示,线条也会弄乱,离它应该在的地方很远 我尝试过从样条曲线更改为散点,但没有成功。有没有人知道我该如何解决这个问题,或者有没有一种不同的方式来表达这个目标,这样你就可以很容易地看到哪个栏在

我正在使用highcharts在项目中制作一些数据图表,目前,在2D中进行,效果非常理想:

这是每个月的一组百分比,用一条红线表示目标%,以便于直观显示一组数据是否超过或低于该百分比

现在的问题是,我正在尝试将其制作成3D,以使其更具“流行性”,我包括了3D库并启用了它,但图形结果如下所示:

即使条形图按预期显示,线条也会弄乱,离它应该在的地方很远

我尝试过从样条曲线更改为散点,但没有成功。有没有人知道我该如何解决这个问题,或者有没有一种不同的方式来表达这个目标,这样你就可以很容易地看到哪个栏在上面或下面

提前谢谢

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

{ 图表:{ 选项3D:{ 启用:对, 阿尔法:0, 贝塔:0, 深度:20 } }, 标题:{ 正文:标题 }, xAxis:{ 类别:[ A. B ], 十字线:错, 网格线宽度:1, 分:0,, 最高:1 }, 亚克斯:{ 楼层:98, 上限:100, 标题:{ 正文:% } }, 打印选项:{ 专栏:{ 点填充:0.2, 边框宽度:0 }, 散布:{ 宽度:10, 身高:100, 深度:10 } }, 系列:[ { 姓名:ENERO, 类型:列, 数据:[ 99.8, 99.77 ] }, { 姓名:费布雷罗, 类型:列, 数据:[ 100, 99.83 ] }, { 线宽:1, 名称:元99.8%, 类型:分散, 颜色:FF0000, 标记:{ 已启用:false }, 图例:{ 已启用:false }, 数据:[ [ -1, 99.8, 2. ], [ 2. 99.8, 2. ] ] } ]
} 三维中不完全支持折线图,但如果您的目标是仅绘制直线,则可以使用绘制线

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


三维中不完全支持折线图,但如果您的目标是仅绘制直线,则可以使用绘制线。演示:我已将此行为报告为错误。查看github问题追踪者-@SebastianBochan非常感谢您的关注。如果你想把它作为一个解决方案发布,这样我就可以选择它,这样做,因为我认为这是我最接近解决我的问题的方法,它可以很好地满足我的需要。再次感谢。@morganfree谢谢你。我会注意看是否有人回复。@JoséColina我在下面做了。