Utilizing the dependency angular-chart.js in my angular project has allowed me to showcase data visualizations on my admin page.
Recently, I decided to upgrade angular-chart.js to version 1.1 and Chart.hs to version 2.5 based on the README.md guidelines on their git page. However, ever since the upgrade, my charts have mysteriously disappeared...
Here is a snippet of my HTML code:
<canvas id="bar" class="chart chart-bar"
chart-data="vm.data" chart-labels="vm.labels" chart-series="vm.series"></canvas>
And here's a look at my JS code:
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',...])
Even though there are no errors showing up in the web console or any issues with dependency injections, I'm left staring at an empty space where my charts used to be. This problem has been troubling me for the past day...
If anyone out there has encountered a similar issue before, I would greatly appreciate any assistance.
Thank you!