Chartkick Y 축의 백분율 및 값 조합

Question

내 레일 응용 프로그램에서 https://github.com/ankane/chartkick을 사용하고 있는데 Y 축에 백분율 값을 표시하지만 꺾음 꼴 차트 (여러 계열은 그려야 함)를 그리지 만 툴팁에는 실제 수치. 어떻게 든 달성 할 수 있습니까 (JS 차트 어댑터 : Chart.js, Google Charts 또는 Highcharts). google charts와

Answer 1

쉽게가 제공하는 개체 표기법을 사용하여, 축 라벨 툴팁

대안

같은 문자열 또는 숫자 등의 고유 값이 될 수있는 각 행에 대한 열 값

모두 정의 할 값

데이터 테이블의 각 셀

v 다음 키 오브젝트로 표현 될 수있다 - 값을
f - 포맷 값

우리는 y 축에 대해 원하는 값을 제공 할 수있는 수단

,
툴팁

{ 
    v: 0.62, 
    f: '62' 
} 

비록 주로 툴팁 집중에 표시하는 형식의 값 here is a simple example

을 입증하는 경우 만 필요에

두 축 레이블 및 도구를 충족하지 못하는 몇 가지 이유 팁 또한,
사용자 정의 축 레이블이 y 축에 대한 ticks
를 사용하여 제공 할 수있는 라인 차트의 configuration options에서 찾을 필요

축 레이블
사용자 정의 할 수 있으며, 특정 옵션은 vAxis.ticks이 될 것입니다 값의 배열을
->[0.10, 0.20, 0.30]
또는 목적, 다시 상기 키

[ 
    {v: 0.10, f: '10%'}, 
    {v: 0.20, f: '20%'}, 
    {v: 0.30, f: '30%'} 
] 

,691 ticks

사용

here is a working example는
customizing tooltips 똑바로 앞으로 언급 한 바와 같이

, 형식화 된 값을 표시 할 기본 툴팁 (f:)

또는 HTML 문자열을 제공 할 수있는 공정이다 툴팁 표시해야하는 콘텐츠 포함

각 시리즈는 자신의 사용자 정의 도구 설명,
는 ...

사용자 정의 HTML 툴팁을 제공하기 위해 각 시리즈 열

here is a working example 후 'tooltip' column role를 추가했습니다