Angular Chart.js fill = false not working

Question

角度チャートを使用した折れ線グラフ：http://jtblin.github.io/angular-chart.js/ と、線の下の塗りつぶしを削除しようとしています。

 <canvas id="line" class="chart chart-line" chart-data="ctrl.data" 
      chart-colors="colors" 
      chart-labels="ctrl.labels" chart-series="ctrl.series" chart-options="ctrl.options" 
      chart-dataset-override="ctrl.datasetOverride" chart-click="onClick"> 
    </canvas> 

これは私の選択です。アイブ氏は塗りつぶしてみました：偽とdataFill：アイブ氏はまた、このような色のオプションを追加してみました

vm.options = { 
      type:'line', 
      datasetFill:false, 
      scales: { 
      xAxes: [{ 
       type:"time", 
       time:{ 
       min: vm.initialTime, 
       max: vm.endTime 
       }, 
       position: 'bottom' 
      }] 
      } 
     }; 

偽：

$scope.colors = [{ 
     backgroundColor : '#0062ff', 
     pointBackgroundColor: '#0062ff', 
     pointHoverBackgroundColor: '#0062ff', 
     borderColor: '#0062ff', 
     pointBorderColor: '#0062ff', 
     pointHoverBorderColor: '#0062ff', 
     fill: false /* this option hide background-color */ 
    }, '#00ADF9', '#FDB45C', '#46BFBD']; 

をし、何も結果を得ませんでした。

誰でもこの問題を解決できますか？

Answer 1

は、透明の塗りつぶしを使用してみてください： "RGBA（220,220,220,0）"

Answer 2

私はエラーを修正するために管理しました。問題はシリーズ変数の設定にありました。これに変わったときに、それは固定

ctrl.series = [1,2,3] 

： シリーズは次のように宣言された

ctrl.series = [[1,2,3]]