2014-04-01 6 views
2

하이 차트 API를 구현 중입니다. highcharts.comx 축 카테고리 텍스트와 다른 툴팁 - 하이 차트

실제 'x 축/y 축 카테고리 텍스트'와 다른 툴팁을 구현해야합니다. x 축 카테고리 텍스트가 너무 크고 5 ~ 10 자로 분석하고 싶지만 툴팁에 전체 텍스트를 표시하고 싶을 때 필요합니다. highchart sample fiddle

코드 : 위의 바이올린에서

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

}); 
}); 

:


바이올린 예를

나는 "날씨가 너무 좋은 축 텍스트 및 "월 "을 보여주고 싶은 1 월에 " 툴팁에 표시됩니다. 사전 짧은 용액을 제조하는

답변

4

I 조언에

덕분에 categoreis 배열 카테고리의 "짧은"이름을 사용하지만, 전체 이름은 점 객체로 추가 있었던 파라미터를 유지한다. http://jsfiddle.net/4Nk87/1/

:
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; 
     } 

    }, 

는 예를 참조하십시오