Question

您好我正在使用 Chartjs 2.1.3 并尝试绘制图表。我使用旧的版本1.0.3 并且它工作正常但没有＆＃39 ;当我尝试时，用虚线绘制。然后我才知道borederDash属性是Chartjs 2.0。但是当我使用chartjs 2.1.3时，它并没有绘制任何图形。我正在使用自定义角度指令以及chart.js.我在google搜索时看到了一些例子，但它没有帮助我。有人帮我用虚线绘制图形吗？

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]不是函数

Chartjs中的图表不是用虚线绘制的

0 个答案: