nvd3のx軸ラベルを動的に更新する

Question

値に基づいてnvd3のx軸ラベルを更新しようとしていますが、x軸axisLableは文字列だけでなく、チャート全体の関数を返します。文字列を返すようにしますか？

$scope.options_scn_cst_compare = { 
     chart: { 
      type: "multiBarChart", 
      x: function(d){ return d.x; }, 
      y: function(d){ return d.values; }, 
      xAxis: { 
       axisLabel: function(d) { 

         if (yAxistm.tm === 'yr') { 

          return "Time (Years)"; 

         } else if (yAxistm.tm === 'qtr') { 

          return "Time (Quarterly)"; 

         } else if (yAxistm.tm === 'mth') { 

          return "Time (Montly)"; 

         }; 

        } 
      ..... 
      } 

Answer 1

あなたの目的がX軸ラベルを動的に与えることである場合は、以下の操作を行うことができます。

// Generate chart 
var chart = nv.models.multiBarChart(); 
// based on some value update the X-axes label. 
if (yAxistm.tm === 'yr') { 
    chart.xAxis.axisLabel("Yearly"); 
} else if (yAxistm.tm === 'qtr') { 
    chart.xAxis.axisLabel("Quaterly"); 
} else if (yAxistm.tm === 'mth') { 
    chart.xAxis.axisLabel("Monthly"); 
};