2016-10-04 7 views
1

ChartScrollbardragIconプロパティを尊重するようにamChartsを取得できないようです。問題を示すa plunk hereがあります。amChartsのangleディレクティブはChartScrollbarのdraghandlesを変更できません

これは、私が以前に持っていた問題(正確にはプロパティを渡さなかったため)とit works in this demoという事実のために、GrantMStevens amChartsDirectiveに問題があると思われます。以前は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 
     }] 
     } 
    }]); 

答えて

1

dragIconの変更をサポートしていませんcdnjs上AmChartsの古いバージョン3.13.0。より新しいバージョンを使用する必要があります。 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> 

更新plunk:https://plnkr.co/edit/mw4f2FWiTsFkOdjd3tkE?p=preview

+0

はありがとうございます。私は悲しくて恥ずかしいです:( –

+0

私の啓発のために、それがどのように問題であることを知っていましたか?これは私が私のレポに特定のバージョンを引っ張って、バージョンはありますか? –

+0

AmChartsサポートスタッフの一部ですので、チームに直接お尋ねすることができます:)特定のバージョンのアプリケーションをフリーズする必要がある場合は、必要なバージョンを取得することができます。ただし、修正されていないバグやそのバージョンに含まれていない機能は継承されます。出血時代に生きたい場合は、当社のCDNにリンクすることができます。なんらかの理由で、グラントのディレクティブは、デモと彼のbowerファイルで非常に古いバージョンのチャートを参照しているので、残念ながらこのような問題が発生します。 :( – xorspark

関連する問題