본문 바로가기
카테고리 없음

Kibana 캔버스를 다른 website 공유하기

by whathelllllllllllllllll 2021. 12. 30.
728x90

시각화 대시 보드에서 컨트롤러와 두가지 시각화(선, 표)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가 사용 가능한것을 확인 할 수 있으며 아래 공유해드리는 다양한 사례를 보시면 구현하시는데 도움이 될것 같습니다.

[참고 문서]

 

Eye-catching Canvas dashboards on top of bike sharing data

호주에 있는 주요 데이터 분석 컨설팅 기관들 중 하나인 Aginic이 어떻게 캔버스와 Elastic Stack을 사용해 공용 자전거 공유에 대한 실시간 정보를 추적하고 표시하는지 알아보세요.

www.elastic.co

 

 

 

 

 

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>

[참고문서]

댓글