amCharts的角度指令不能改變ChartScrollbar的拖車柄

Question

我似乎無法得到amCharts尊重ChartScrollbardragIcon財產。我有a plunk here表明問題。

我懷疑這是GrantMStevens amChartsDirective的問題，因爲我之前的問題是它沒有正確傳遞屬性，it works in this demo。以前是由xorspark調試的，我能夠複製他的調試，但是這不會以相同的方式破壞。不幸的是，我還沒有足夠好地調試JavaScript來跟蹤這一個。

任何人有什麼想法？

'use strict'; 
    angular.module('App') 
    .controller('MyChartController', ['$scope', function($scope) { 
     $scope.data = {}; 

     $scope.amChartOptions = { 
     type: "serial", 
     creditsPosition: "upper-left", 

     categoryField: "IncidentId", 
     rotate: true, 
     theme: "light", 
     categoryAxis: { 
      parseDates: false, 
      gridAlpha: 0.3, 
      gridColor: "#d3d3d3" 
     }, 
     trendLines: [], 
     pathToImages: "http://cdn.amcharts.com/lib/3/images/", 
     chartScrollbar: { 
      oppositeAxis: true, 
      autoGridCount: true, 
      graph: "AmGraph-1", 
      scrollbarHeight: 65, 
      dragIcon: "dragIconRoundSmall", 
      dragIconHeight: 65, 
      backgroundColor: "#000", 
      //color: "#000", 
      backgroundAlpha: .5, 
      selectedBackgroundColor: "#337ab7", 
      svgIcons: true 
     }, 
     graphs: [{ 
      fillColorsField: "lineColor", 
      lineColorField: "lineColor", 
      balloonText: "[[title]] for [[category]]: [[value]]", 
      fillAlphas: 1, 
      id: "AmGraph-1", 
      title: "Escalation Age", 
      type: "column", 
      valueField: "Age" 
     }], 
     guides: [], 
     valueAxes: [{ 
      baseValue: 0, 
      id: "ValueAxis-1", 
      labelFrequency: 1, 
      dateFormats: [], 
      title: "Days Active", 
      autoGridCount: true, 
      gridAlpha: 0.3, 
      gridColor: "#d3d3d3", 
     }], 
     allLabels: [], 
     balloon: {}, 
     legend: { 
      enabled: false 
     }, 
     titles: [{ 
      id: "Title-1", 
      size: 15, 
      text: "" 
     }], 
     data: [ 
      { 
      "lineColor": "#ff0000", 
      "IncidentId": 93528214, 
      "Age": 19 
     },{ 
      "lineColor": "#ff0000", 
      "IncidentId": 93434314, 
      "Age": 16 
     },{ 
      "lineColor": "#ff0000", 
      "IncidentId": 93524544, 
      "Age": 12 
     },{ 
      "lineColor": "#ff0000", 
      "IncidentId": 93525454, 
      "Age": 10 
     },{ 
      "lineColor": "#ff0000", 
      "IncidentId": 96578214, 
      "Age": 4 
     },{ 
      "lineColor": "#ff0000", 
      "IncidentId": 93334519, 
      "Age": 2 
     }] 
     } 
    }]); 

Answer 1

上cdnjs不支持更改dragIcon老3.13.0版本AmCharts的。你需要使用更新的版本。在AmCharts庫的最新版本可以在AmCharts自己的CDN發現：

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script> 
    <script src="https://www.amcharts.com/lib/3/serial.js"></script> 
    <script src="https://www.amcharts.com/lib/3/themes/light.js"></script> 
    <script src="https://https://www.amcharts.com/lib/3/themes/chalk.js"></script> 
    <script src="https://https://www.amcharts.com/lib/3/themes/black.js"></script> 
    <script src="https://https://www.amcharts.com/lib/3/themes/dark.js"></script> 

更新普拉克：https://plnkr.co/edit/mw4f2FWiTsFkOdjd3tkE?p=preview