嗨,我正在使用Chartjs 2.1.3并尝试绘制图表。我使用的是旧版本 1.0.3,它工作正常,但在我尝试时没有用虚线绘制。然后我才知道 BorderDash 属性提出了 Chartjs 2.0。但是当我使用 chartjs 2.1.3 时,它没有绘制任何图表。我正在使用自定义角度指令和chart.js。我在谷歌搜索时看到了一些例子,但它没有帮助我。有人可以帮我用虚线绘制图表吗?
Chartjs 指令
'use strict';
angular.module('chartjs-directive', []).
directive('chart', function () {
var baseWidth = 450;
var baseHeight = 296;
return {
restrict: 'E',
template: '<canvas></canvas>',
scope: {
chartObject: "=value"
},
link: function (scope, element, attrs) {
var canvas = element.find('canvas')[0];
var context = canvas.getContext('2d');
var chart;
var options = {
type: attrs.type || "Line",
width: attrs.width || baseWidth,
height: attrs.height || baseHeight
};
canvas.width = options.width;
canvas.height = options.height;
chart = new Chart(context);
scope.$watch(function(){ return element.attr('type'); }, function(value){
if (!value) return;
options.type = value;
var chartType = options.type;
if(typeof scope.chartObject !== 'undefined'){
chart[chartType](scope.chartObject.data, scope.chartObject.options);
}
chart[chartType](scope.chartObject.data, scope.chartObject.options);
});
//Update when charts data changes
scope.$watch(function() { return scope.chartObject; }, function(value) {
if (!value) return;
var chartType = options.type;
chart[chartType](scope.chartObject.data, scope.chartObject.options);
if (scope.chartInstance) scope.chartInstance.destroy();
scope.chartInstance = chart[chartType](scope.chartObject.data, scope.chartObject.options);
}, true);
}
}
});
CDN:https ://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js
得到错误
chart[chartType] 不是函数