首页 > 解决方案 > Angular Highcharts 不呈现 3d 视图(来自 highcharts 包)

问题描述

参考github问题链接https ://github.com/highcharts/highcharts/issues/12598

描述:当使用 3d 柱、3d 圆柱或 3d 饼图时,虽然设置了 3d 选项,但会渲染 2d 视图而不是 3d 视图。

相关代码

  const options: any = {
      chart: {
        renderTo: 'container',
        type: 'column',
        options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
            depth: 50,
            viewDistance: 25
        }
    },
    title: {
        text: 'Chart rotation demo'
    },
    subtitle: {
        text: 'Test options by dragging the sliders below'
    },
    plotOptions: {
        column: {
            depth: 25
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
    };
    Highcharts.chart('columnChart', options);

标签: typescriptchartshighcharts3dangular8

解决方案


推荐阅读