2
我实现我的离子应用的角度折线图的功能在https://jtblin.github.io/angular-chart.js/系列详细介绍不在角度图显示与Charts.js
的图表显示成功的链接描述,但图表下方的系列细节不显示(意思哪个颜色代表哪条线)
我通过图表系列字段,但仍然不显示。 请注意。
这里是 的index.html
<ion-content ng-controller="ExampleCtrl">
<div class="card">
<div class="item item-divider">
This is a Line Chart
</div>
<div class="item item-text-wrap">
<canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-legend="true"
chart-dataset-override="datasetOverride" chart-click="onClick">
</canvas>
</div>
</div>
</ion-content>
这里是我的app.js
angular.module('starter', ['ionic', 'chart.js'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if(window.cordova && window.cordova.plugins.Keyboard) {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
// Don't remove this line unless you know what you are doing. It stops the viewport
// from snapping when text inputs are focused. Ionic handles this internally for
// a much nicer keyboard experience.
cordova.plugins.Keyboard.disableScroll(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.controller("ExampleCtrl", function($scope){
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
$scope.series = ['Series A', 'Series B'];
$scope.data = [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
});
谢谢...妈的,我应该正确地阅读文档。 –
我希望文档实际上包含了这个必需的配置,以为我疯了。 – Dan