Question

我在angular-project中使用依赖项angular-chart.js在我的管理页面上显示一些数据可视化。

上周，根据他们的git页面上的README.md，我将angular-chart.js升级到1.1版本，将Chart.hs升级到2.5版本。但是自从我升级后，我的图表就不再出现......

我的代码是HTML：

<canvas id="bar" class="chart chart-bar"
    chart-data="vm.data" chart-labels="vm.labels" chart-series="vm.series"></canvas>

我的JS代码：

 export default function BarChartController(){
     var vm = this;

     vm.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
     vm.series = ['Series A', 'Series B'];

     vm.data = [
    [65, 59, 80, 81, 56, 55, 40],
    [28, 48, 40, 19, 86, 27, 90]
];}



import 'chart.js/dist/Chart.min';
import 'angular-chart.js/angular-chart;
angular
.module('app', [...,'chart.js',...])

我在网络浏览器控制台上没有错误，没有依赖注入错误，但我有一个空白区域，里面没有任何内容。我从昨天起就开始讨论这个问题......

如果有人已经面临这个问题，我不会对某些帮助说不。

谢谢！

Answer 1

根据您升级FROM的版本，Chart.js处理的控件对象会有一些重大更改。您的代码不显示用于创建图表对象的调用和数据。这是我看的第一个地方。

angular-chart.js不呈现任何图表

1 个答案: