angular-chart.js - 图表高度在iOS上不起作用，但在Android和Web上运行良好

Question

我在我的项目中使用angular-chart.js用chart-doughnut绘制ionic。我在这里做的是从控制器代码设置图表高度。我设置的高度取决于屏幕尺寸。它在Android和Web上工作得非常好，但在iOS上却无法正常工作。以下是我的代码：

HTML代码：

<canvas class="chart chart-doughnut" chart-data="data" height="{{height_chart}}" chart-colors="colors" chart-series="series" chart-options="options"></canvas>

Javascript代码：

  if (window.innerWidth < 600) {
    $scope.height_chart = window.innerHeight * 0.5;
  }
  $scope.colors = ['#3973ac', '#d9e6f2'];
  $scope.options = {
    cutoutPercentage: 80,
    tooltips: {
      enabled: false
    },
    hover: {
      mode: null
    },
    elements: {
      arc: {
        borderWidth: 0
      }
    }
  };

我无法弄清楚问题。任何指针都会非常值得注意。谢谢

Answer 1

我不知道它发生的确切原因，但它在iOS real device上工作正常。问题只能在simulator上重现。也许在模拟器中存在一些渲染问题。