2016-11-24 3 views

답변

3

차트는 chart tooltip online demos과 같이 툴팁 템플릿을 제공합니다. 다음은 사용자 정의 도구 설명을 생성 할 수 있습니다 : 당신은 그것을 처리 할 value에 파이프를 사용하거나 사용자 지정 구성 요소를 렌더링 할 수

<kendo-chart-tooltip> 
    <template kendoSeriesTooltipTemplate let-value="value"> 
     Default Content {{ value }} 
    </template> 
</kendo-chart-tooltip> 

. 요청을 만드는 구성 요소를 만들,

<kendo-chart-series-item> 
    <kendo-chart-series-item-tooltip> 
    <template let-value="value"> 
     Series 1 value: {{ value }} 
    </template> 
    </kendo-chart-series-item-tooltip> 
</kendo-chart-series-item> 

는 API 호출을하려면 (그리고 아마도 캐시)와 툴팁 템플릿에서 사용 : 각 시리즈는 필요한 경우, 그 정의 툴팁을 가질 수

<kendo-chart-tooltip> 
    <template kendoSeriesTooltipTemplate let-value="value"> 
    <my-series-details-tooltip [value]="value"></my-series-details-tooltip> 
    </template> 
</kendo-chart-tooltip> 

여기에 plunker demo that shows this입니다.

+0

Perfect! 너무 단순했습니다! 감사! – jecabeda

+0

도움 주셔서 감사합니다. 링크가 깨 졌음을 알려주는 것입니다. – Michael

+0

다음 링크는 http://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesTooltipTemplateDirective/입니다. TooltipComponent 도움말 페이지에서이 링크를 사용하면 도움이됩니다. 나는 우리가 dataItem에 접근 할 수 없다고 생각하니? – Michael