2012-10-11 3 views
0

나는 차트를 만들었고 차트 아래쪽에 정보 거품 (아래 그림처럼)을 추가하려고합니다. highcharts에이 작업을 수행하는 데 사용할 수있는 것이 있습니까?Highcharts 차트 하단의 정보 거품 - 가능합니까?

enter image description here

+0

체크 아웃 [d3 (데이터 기반 문서)] (https://github.com/mbostock/d3/wiki/Gallery), github이 [그래프를 렌더링하는 데 사용하는 방법] (https : // github .com/blog/1093-introduction-the-new-github-graphs) – rudolph9

답변

3

당신은 특정 지점에 점을 추가 산포도 시리즈를 사용할 수 있습니다. jsFiddle 코드 :

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     yAxis : { 
      min:0 
     }, 
     series: [{ 
      type: 'line', 
      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], 
      name: 'Temperature' 
     }, { 
      type: 'scatter', 
      data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10], 
      name: 'Rainfall' 
     }] 
    }); 
});​ 

편집 :

당신은 전설의 분산 시리즈를 숨기기 위해 거짓으로 showInLegend을 설정할 수 있습니다, 당신은 당신이 원하는 정보를 표시하는 툴팁 기능을 추가 할 수 있습니다.

+0

나는 이것이 내가해야 할 일을 위해 효과가있을 것이라고 생각한다. 고맙습니다! – DanielCW

관련 문제