highcharts 3d饼图高度

### 如何设置 Highcharts 3D 饼图的高度 在 Highcharts 中，3D 饼图的高度可以通过配置 `chart.options3d` 和 `plotOptions.pie.depth` 来实现。具体来说，`depth` 属性决定了饼图的厚度（即高度）。以下是一个完整的配置示例[^1]： ```javascript Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45, // 倾斜角度 beta: 0 // 旋转角度 } }, plotOptions: { pie: { depth: 40 // 设置饼图的高度（深度） } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4] }] }); ``` 上述代码中，`options3d.enabled` 被设置为 `true` 以启用 3D 效果。`alpha` 和 `beta` 分别控制饼图的倾斜和旋转角度。而 `plotOptions.pie.depth` 则直接定义了饼图的高度（深度），单位为像素[^1]。 如果使用 Vue.js 环境下的 Highcharts 插件，可以按照类似的方式进行配置[^1]。例如： ```javascript import Highcharts from 'highcharts'; import VueHighCharts from 'vue-highcharts'; import highcharts3d from 'highcharts/highcharts-3d'; Vue.use(VueHighCharts); highcharts3d(Highcharts); export default { data() { return { chartOptions: { chart: { type: 'pie', options3d: { enabled: true, alpha: 45, beta: 0 } }, plotOptions: { pie: { depth: 40 // 设置饼图的高度（深度） } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4] }] } }; } }; ``` 通过以上配置，可以轻松调整 Highcharts 3D 饼图的高度。