2016-04-17 34 views
0

私のプロジェクトでは、onCompleteをレンダリングする静的ツールチップをバブルチャートに表示する必要があります。私はこのスレッドHEREで自分自身を助けました。Chartjs v2の固定ツールチップの背景を削除する

変更のビットが私のコードは次のようになります。

tooltips: { 
      callbacks: { 
       title: function (tooltipItems, data) { 
        var index = tooltipItems[0].datasetIndex; 
        var title = data.datasets[index].label; 
        //return title; 
       }, 
       label: function (tooltipItem, data) { 
        var item = tooltipItem.datasetIndex; 
        var name = data.datasets[item].label; 
        //return '(' + tooltipItem.xLabel + ',' + tooltipItem.yLabel + ')'; 
        return name; 
       }, 
       backgroundColor: 'rgba(63,15,255, 0.3)', // This isn't working?? 
      } 
     }, 
     events: false, 
     animation: { 
      duration: 0, 
      onComplete: function() { 
       var self = this; 
       var elementsArray = []; 
       Chart.helpers.each(self.data.datasets, function (dataset, datasetIndex) { 
        Chart.helpers.each(dataset.metaData, function (element, index) { 
         var tooltip = new Chart.Tooltip({ 
          _chartInstance: self, 
          _chart: self.chart, 
          _data: self.data, 
          _options: self.options, //Probably need to change something here 
          _active: [element] 
         }, self); 

         tooltip.update(); 
         tooltip.transition(Chart.helpers.easingEffects.linear).draw(); 
        }, self); 
       }, self); 
      } 
     } 

誰もが(箱なし)白に透明な黒からツールチップbackgorundを変更するにはどのようにいくつかのアドバイスを提供することができますので、チャート内の項目は、より読みやすいです?

私はこのドキュメントHEREを見て、それを理解しようとしています。

答えて

0

申し訳ありませんが、私はどこに間違っていたのか分かりました。代わりにバックグラウンドでコールバックの下にbackgroundColorを配置しました。今は期待どおりに動作します。

関連する問題