與x軸類別文本不同的工具提示 - 高圖

我正在實施highcharts api。 highcharts.com 與x軸類別文本不同的工具提示 - 高圖

我必須實現與實際'x軸/ y軸類別文本'不同的工具提示。這是需要的，因爲有時x軸類別文本太大，我想解析它到5-10個字符，但我想在工具提示中顯示全文。

代碼：

$(function() { 

$('#container').highcharts({ 

    chart: { 
    }, 

    xAxis: { 
     categories: ['The weather is so good in January', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    tooltip: { 
     valueDecimals: 2, 
     valuePrefix: '$', 
     valueSuffix: ' USD' 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 

}); 
});

在上面的小提琴：我想顯示「揚」在座標軸文本和「天氣這麼好在一月份「在工具提示。

在此先感謝

來源

2014-04-01 ankur

我建議準備較短的解決方案，categoreis陣列中使用類別的「短」的名字，但全名保留作爲附加放慢參數的點對象。

tooltip: { 
     formatter: function() { 
       console.log(this); 
      var txt = 'y :' + this.y + ' short x: '+ this.key; 

      if(this.point.fullCategory) 
       txt += this.point.fullCategory; 


      return txt; 
     } 

    },

見例如：http://jsfiddle.net/4Nk87/1/

來源

2014-04-01 09:28:09

與x軸類別文本不同的工具提示 - 高圖

回答

相關問題