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 上重现。也许在模拟器中存在一些渲染问题。

angular-chart.js - 图表高度在 iOS 上不起作用，但在 Android 和 Web 上工作正常

angular-chart.js - chart height not working on iOS but works fine on Android and Web

ios

angularjs

chart.js

angular-chart