2016-09-27 3 views
2

HighChart에서 활동량을 사용했습니다. 데이터의 범위 옵션이있는 활동도 차트가 필요합니다. 같은 내가 같은 원하는 활동 등급 범위 옵션이있는 높은 차트

series: [{ 
      data: [{ 
      y: [0,48] 
      },{ 
      y: [90,100] 
     } 
     }] 

아래와 같은 다양한 옵션의 일련의 데이터를 원하는 내 y 축이 100

yAxis: { 
      min: 0, 
      max: 100 
} 

에 최소 및 최대 값이 0이 있다고 가정

: 아래의 예를 참조하십시오 이미지 아래에 enter image description here

는 또한 이미지

다음과 같은 사용자 지정 도구 팁을 원하는 0

enter image description here

답변

2

비슷한 주제는 여기에 있었다 :

pane: [{ 
    startAngle: 0, 
    endAngle: 360, 
    background: [{ // Track for Move 
    outerRadius: '112%', 
    innerRadius: '88%', 
    backgroundColor: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.3).get(), 
    borderWidth: 0 
    }] 
}, { 
    startAngle: 360, 
    endAngle: 0, 
    background: [{ // Track for Move 
    outerRadius: '72%', 
    innerRadius: '48%', 
    backgroundColor: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.3).get(), 
    borderWidth: 0 
    }] 
}], 

을 여기에 당신이 할 수 이 주제에 추가로 Activity gauge High Chart with Gradient

, 서로 다른 위치에서 시작 및 종료됩니다 다른 창을 사용할 수 있습니다 어떻게 작동하는지 예제를 참조하십시오. http://jsfiddle.net/5ajoegb9/4/

+0

감사합니다. :) –

+0

안녕하세요 @ Grzegorz Blachliński 당신의 노력에 감사드립니다. 한 번 더 도와주세요. 또한 질문에 추가 된 이미지와 같은 사용자 지정 도구 팁을 원합니다. 저는 이미 Chart에서 많은 시간을 보냈습니다. 그래서 당신의 도움에 정말 감사드립니다. –

+0

귀하의 경우에는 renderer.label 및 renderer.path를 사용하여 사용자 정의 레이블을 그려야한다고 생각합니다. http://api.highcharts.com/highcharts/Renderer.path –