Highcharts étiquettes X-Axis Texte

Dans ce fiddle, avec en changeant les données de la série, est-il possible d'afficher des étiquettes axe x sous forme de texte-à-dire {"apple","orange","mango"} au lieu de décimales iE {0,1,2} avec des séparant les étiquettes de JSON et en fournissant à des catégories .Highcharts étiquettes X-Axis Texte

$(function() { 
    $('#container').highcharts({ 
     chart: { 
     }, 
     xAxis: { 

      labels: { 
       enabled: true 
      } 
     }, 

     series: [{ 
      data: [["apple",29.9], ["orange",71.5], ["mango",106.4]]   
     }] 
    }); 
});

Source

2013-10-15 Seenu

Essayez ceci:

$(function() { 

var seriesData = [["apple",29.9], ["orange",71.5], ["mango",106.4]];  
$('#container').highcharts({ 
    chart: { 
    }, 
    xAxis: { 
     tickInterval: 1, 
     labels: { 
      enabled: true, 
      formatter: function() { return seriesData[this.value][0];}, 
     } 
    }, 

    series: [{ 
     data: seriesData  
    }] 
    }); 
});

VOIR DEMO

Source

2013-10-15 13:00:10

Merci @Nitish Kumar. Votre réponse m'a vraiment aidé. FYI si vous utilisez des graphiques éclatés et que vos données ressemblent à ceci: var chartTransactionList = [{'drillDown': 'Diverse', 'nom': 'Divers', 'y': 135.9}, {'drillDown': 'Santé ',' name ':' Health ',' y ': 10142.4}] vous pouvez ensuite définir les valeurs xAxis avec xAxis: { étiquettes: { formatter: function() { return chartTransactionList [this.value] .name; } } } - Notez que vous obtenez le nom de l'attribut d'objet après avoir obtenu l'élément en utilisant this.value –

Vous pouvez utiliser catgories dans xAxis

xAxis: { 
    categories: ["apple", "orange", "mango"], 
}

J'ai mis à jour votre violon: http://jsfiddle.net/Lq6me/1/

Si vous ne souhaitez pas utiliser les catégories que vous pouvez aller pour

labels: { 
    formatter: function() {} 
}

Source

2013-10-15 14:13:45 Strikers

Highcharts étiquettes X-Axis Texte

Répondre

Questions connexes