我正在尝试将highcharts 3d应用于我的项目,但无法弄清楚如何实现所需的效果。我希望3d图表中的所有列都具有相同的角度和深度,x轴是垂直的。
我的问题是,相机始终位于中间列的中心,因此最右边列的效果与最左边列的效果不同。
此图表当前看起来像:
我希望它看起来像什么(摘自Microsoft Words):
示例: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
},