2013-10-15 77 views
1

在此fiddle中,如果不更改系列數據,是否可以將x軸標籤顯示爲文本,即{「apple」,「orange」,「mango」}而不是小數,即{ 0,1,2}與JSON分離標籤並將其提供給類別。Highcharts X軸爲文本

$(function() { 
$('#container').highcharts({ 
    chart: { 
    }, 
      xAxis: { 
     tickInterval: 1, 
     labels: { 
      enabled: true 
      } 
    }, 

    series: [{name:"ser1",data:[["apple",29.9], ["orange",71.5], ["mango",106.4]]},{name:"ser2",data:[["apple",40], ["mango",90]]}]   
}); 

});

回答

2

使用catgories在X軸

categories: ["apple","orange","mango"], 

我在http://jsfiddle.net/Lq6me/1/

更新你的小提琴如果不想使用你可以去的類別

labels:{ 
formatter: function() {} 
} 

希望這將幫助你

1

試試這個:

$(function() { 
var seriesData = [{name:"ser1",data:[["apple",29.9], ["orange",71.5], ["mango",106.4]]},{name:"ser2",data:[["apple",40], ["mango",90]]}]; 

$('#container').highcharts({ 
    chart: { 
    }, 
      xAxis: { 
     tickInterval: 1, 
     labels: { 
      enabled: true, 
      formatter: function() { return seriesData[0].data[this.value][0];}, 
      } 
    }, 
    series: seriesData  
    }); 
}); 

查閱DEMO

+0

感謝..更新http://jsfiddle.net/M2sBS/ ..我覺得沒有辦法讓這個與出服用類的幫助下完成.. – Seenu

+0

是。其他明智的你需要通過不同的標籤對象 –

+0

系列2芒果橙色! – Seenu