Question

我正在尝试使用Cordova和ionic创建一个应用程序，并在其中显示一些折线图，其中显示了一些购买和交付数据。我从REST Web服务获取数据。

我遇到的问题是，当我从网络服务获取数据时，图表的图例没有显示出来。其他一切都很完美。

我的代码是这样的：

$scope.labels = ["00:00", "", "", "03:00", "", "", "06:00", "", "", "09:00", "", "", "12:00", "", "", "15:00", "", "",
  "18:00", "", "", "21:00", "", "", "24:00"];
$scope.series = ['Delivery', 'Purchase'];
$scope.data = [
  $scope.timeValues = RestTest.getRestDelivery(),
  $scope.timeValues = RestTest.getRestPurchase()
];

这是我的HTML：

<div class="card">
  <div class="item item-divider chart-header">
    Balance | Unit: KW/h
  </div>
  <div class="item item-text-wrap">
    <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-legend="true"
            chart-series="series">
    </canvas>
  </div>
</div>

当我使用这样的硬编码数据时：

$scope.data = [
  [1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
  [0, 9, 8, 7, 6, 5, 4, 3, 2, 1]
];

一切都很完美。我从Web服务接收数据时遇到此问题。

在我看来，传说试图在收到服务数据之前显示，没有数据就不会有任何图例。不幸的是我对cordova / ionic和javascript / angular等很新，所以我不知道如何解决这个问题。即使我没有任何数据，有没有办法显示图例？

从webservice

0 个答案: