如何在高图3d中更改相机角度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在高图3d中更改相机角度相关的知识,希望对你有一定的参考价值。

我正在尝试将highcharts 3d应用于我的项目,但无法弄清楚如何实现所需的效果。我希望3d图表中的所有列都具有相同的角度和深度,x轴是垂直的。

我的问题是,相机始终位于中间列的中心,因此最右边列的效果与最左边列的效果不同。

此图表当前看起来像:

enter image description here我希望它看起来像什么(摘自Microsoft Words):

enter image description here

示例:https://jsfiddle.net/hchoang/rLnhfxc8/23/

这是3d配置的图表,目前看起来像:

   chart: 
     type: 'column',
     options3d: 
       enabled: true,
       alpha: 0,
       beta: 0,
       depth: 25,
       viewDistance: 25
     ,
     margin: [undefined, 0, undefined, 0]
   ,
答案

我认为一种好的方法是使用此demo查找所需的,和depth值并将其设置为演示。对我来说,将是这些价值观的耻辱:演示:https://jsfiddle.net/BlackLabel/ctxk9hmb/

代码:

options3d: enabled: true, alpha: 10, beta: 15, depth: 100, //viewDistance: 25 ,

API:https://api.highcharts.com/highcharts/chart.options3d

以上是关于如何在高图3d中更改相机角度的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Three.js 中获取透视相机的角度值?

如何使用highchart在x坐标上画一个有两个标签的高图?

Unity 3D如何将Vector3投影到平面上或在特定平面中的两个Vector3之间获得角度?

如何使用椭圆计算透视变换

在 Julia 中使用 Plotly 设置 3d 的相机设置

使用正交矩阵将 3D 坐标转换为 2D 屏幕坐标