시각화 대시 보드에서 컨트롤러와 두가지 시각화(선, 표)object가 존재합니다.
filter를 year:2021로 선택했을때, 두가지 object 의 @timestamp 관련하여 질문드리려고 합니다.
예를들어, 컨트롤로, year:2021 month:10선택시,
첫번째 시각화(선그래프)에서, 2021.10데이터와, 전년동월(2020.10)데이터가 선그프로 그려집니다.
두번째 시각화 (표그래프)에서, 2021.10데이터와, 전년동월(2020.10)데이터가 표 로 그려집니다.
설명 및 첨부한 이미지와 같이 1년전 같은 달의 데이터를 선,표그래프로 비교해서 보여주고싶은데, 시각화 시간설정 방법이나 구현이 가능할가요?
공유해주신 파일을 확인 했습니다.
실제 정확한 데이터를 확인 하지 못했지만 필요한 기능인 필터, 라인 그래프 등이 가능한 Canvas를 통해 구현 및 검토 해보시는걸 추천드립니다.
간단한 Tutorial: Create a workpad for monitoring sales를 보시면 Time filter가 사용 가능한것을 확인 할 수 있으며 아래 공유해드리는 다양한 사례를 보시면 구현하시는데 도움이 될것 같습니다.
[참고 문서]
- Kibana에서 캔버스 시작하기
- 캔버스와 Elasticsearch를 이용한 공항 보안 운영 모니터링
- 캔버스: 메트릭 및 마크다운 요소
- Vectorspace AI 데이터 세트와 Canvas를 이용한 알파 생성 및 시각화
- 자전거 공유 데이터를 활용한 눈길을 끄는 캔버스 대시보드
Q
대시보드경우처럼 iframe으로 보여줘서 사용하고 싶은데 웹사이트에서 보여줄 수 있는 다른 방법이 있을까요?
A.
Canvas의 경우에도 iframe을 사용할 수 있습니다.
Elasticsearch Cloud 환경에서 생성한 Kibana > Canvas를 iframe으로 embedded한 다음 HTML 파일로 실행시 정상적으로 동작하는 것을 제 로컬PC 에서 확인 했습니다.
[예시]
<!DOCTYPE html>
<html>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
iframe {
border: 0;
width: 100%;
height: 99%;
}
</style>
<body>
<iframe src="https://my-deployment-c96cd3.kb.asia-northeast3.gcp.elastic-cloud.com/app/canvas?auth_provider_hint=anonymous1#/workpad/workpad-a474e72232c3-894a-db77e62c41e0/page/1/page/1?__fullscreen=true" height="1280" width="720"></iframe>
</body>
</html>
[참고문서]
댓글