2016-12-15 2 views
0

Je suis en train de mettre à jour les étiquettes d'axe x dans nvd3 basé sur une valeur, mais mon axe x axisLable renvoie la fonction entière dans le graphique et pas seulement la chaîne ... comment faire -ce que ça retourne juste la corde? Si votre objectif est de donner dynamiquement l'étiquette de l'axe X, vous pouvez procéder comme suit:mise à jour dynamique x étiquette dans nvd3 dynamiquement

$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)"; 

         }; 

        } 
      ..... 
      } 

Répondre

0

// 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"); 
};