2017-01-09 9 views
0

を動作していないツールチップのカスタマイズtooltip 私も上、呼び出されるようには見えないchart.Tooltip.contentGenerator 機能を使用して生成機能角度Nvd3 - 私はカスタムを必要とし、チャートに取り組んでいます

を設定されていますホバー。私は、これは

が動作していない理由を私はnvd3-angular 1.0.5

$scope.chart_options = 
     label_interval : label_interval 
     chart: 
      tooltip: 
       contentGenerator:(t)-> 
        console.log 'tooltip' 
        return '<div>hello tooltip content </div>' 
      type:   'multiBarChart', 
      height:  300, 
      groupSpacing: 0.05, 
      forceX : [$scope.start.toDate(), $scope.end.toDate()], 
      duration: 500, 
      reduceXTicks : false 
      transitionDuration: 1000, 
      padData: true, 
      duration:1000, 
      margin: 
       top: 20, 
       right: 20, 
       bottom: 60, 
       left: 50 
      , 
      x : (d) -> 
       return d.date_time.toDate() 
      y : (d) -> 
       if !d.gross_impressions 
        return 0; 
       return d.gross_impressions 
      xAxis: 
       #showMaxMin :false 
       tickValues : $scope.tickValues, 
       showMaxMin:true 
      , 
      yAxis: 
       axisLabel: "Y Axis" 
       #axisLabelDistance: 20 
       #tickFormat: (d)->return $scope.measures[$scope.selected_measure].value_formatter(d) 
       tickFormat: (d)-> 
        return d 
      , 
      useInteractiveGuideline:false, 
      showLegend:false, 
      showControls:false, 
      interactive: true, 
      tooltips: true, 

答えて

1

を使用しています見カントこのツールチップで再試行してください:

tooltip: { 
       enabled: true, 
       contentGenerator: function (key) { 
        return "<div>hello tooltip content </div>"; 
       } 
      } 

それはこの上で動作します:http://plnkr.co/edit/Dx2WJs?p=preview

+0

変更なし、そのまだ呼び出されていない私はツールチップを参照していますが、定義されていないy値のちょうど小さな正方形 –

+0

あなたのコードについて詳しく教えてください。私はライブラリがあなたのラムダ式コードを理解していないことがわかります。 Coffeescriptはそれで動作しない可能性があります。最初に動作するかどうかを確認するためにのみjavascriptを使用するようにしてください。 –

関連する問題