角度4的3D饼图未生效为3d

时间:2017-10-12 13:42:24

标签: angularjs highcharts 3d

我正在使用角度4,喜欢在屏幕上显示三维饼图。我正在使用高级图书馆。但图表呈现为2d。 请参阅下面的代码:

var ctx = document.getElementById("container") as HTMLElement;
var chart = Highcharts.chart(ctx, {
  chart: {
      type: 'pie',
      options3d: {
          enabled: true,
          alpha: 45,
          beta: 0

      }
  },
  plotOptions: {
      pie: {
          allowPointSelect: true,
          cursor: 'pointer',
          depth: 35,
          dataLabels: {
              enabled: true,
              format: '{point.name}'
          }
      }
  },
  title: {
      text: ''
  },
  colors:['#f39c12','#2ecc71','#d35400'],
  tooltip: {
      enabled: false
  },
  series: [{
      type: 'pie',
      name: 'Browser share',
      data: [
          [this.getOpexEnergy.label + ' [' + this.getOpexEnergy.Comparission.toFixed(2) + '% ]', +this.getOpexEnergy.value],
          [this.getOpexMaintenance.label + ' [' + this._MaintenanceOpex.Comparission.toFixed(2) + '% ]', +this.getOpexMaintenance.value],
          [this.getOpexOperation.label + ' [' + this._OperationOpex.Comparission.toFixed(2) + '% ]', +this._OperationOpex.value]
      ]
  }]
});

2d pie chart

0 个答案:

没有答案