2013-10-15 113 views
3

在這種fiddle,用出變化的系列數據,是否有可能以顯示x軸標籤文本即{"apple","orange","mango"},而不是小數,即{0,1,2}用了從JSON分離標籤,並將其提供給分類。Highcharts x軸標籤的文本

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

      labels: { 
       enabled: true 
      } 
     }, 

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

回答

11

試試這個:

$(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  
    }] 
    }); 
}); 

查閱DEMO

+0

謝謝@Nitish庫馬爾。你的回答真的幫了我。僅供參考,如果您使用深入圖表,並且您的數據如下所示:var chartTransactionList = [{'drillDown':'Diverse','name':'Diverse','y':135.9},{'drillDown':'Health ','name':'Health','y':10142.4}]那麼您可以用xAxis設置xAxis值:{ formatter:function(){ return chartTransactionList [this.value] .name; } } } - 請注意,在使用this.value獲取元素之後,您將獲得對象屬性的名稱 –

1

您可以使用catgoriesxAxis

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

我已經更新了你的提琴:http://jsfiddle.net/Lq6me/1/

如果你不想使用類別,你可以去

labels: { 
    formatter: function() {} 
}