소개

안녕하세요. 카와 샤키 (@ 유_ 카와 짱)입니다.

이 기사는 Elastic stack (Elasticsearch) Advent Calendar 2018의 6 일째입니다.

이번 어드벤트 캘린더에는, Canvas의 기사가 복수 건 엔트리 될 것 같기 때문에
많은 사람들이 Canvas를 만지기 시작했습니다! 다행입니다 :)
나의 기사는, Kibana Canvas를 포치포치시 시작했을 때를 되돌아 보면서, 처음으로 Canvas를 만져 보면 이런 느낌. 라는 것을 기사로 해 보았습니다.

내용

키바나 캔버스를 만진 적이없는, 만지고 싶다는 사람이 감각을 잡기위한 기사입니다.
6.5는 샘플 데이터를 제공합니다.
Café Canvas
데이터는 examples를 사용합니다.

전제 조건

Elasticsearch,Kibana 설치됨

Elasticsearch,Kibana 버전은 6.5.1

가는

먼저 examples의 절차에 따라 샘플 데이터를 입력합니다.
Github에서 자재를 다운로드합니다.
README.md를 따라 진행합니다.

To load the data

Elasticsearch에 데이터를 입력합니다.Kibana → Dev Tools → Console로 elasticoffee-data.bulk를 복사하고 ▶를 눌러 실행하십시오.

POST _bulk
{ "index" : { "_index" : "elasticoffee", "_type" : "doc", "_id" : "1" } }
{"sceneID": "2", "sceneData": "0", "entityID": "zwave.quad2", "quadId": 2, "quadMod": "1", "@timestamp": "2018-02-27T22:26:39Z", "beverageClass": "Hot Beverages", "beverage": "Latte", "beverageSide": "left", "beverageIndex": 5, "quantity": 1}
(略)

실행하면 향후 비추천되는 형식이야! 라고 출력됩니다만, 이번은 신경쓰지 않는다.

#! Deprecation: the default number of shards will change from [5] to [1] in 7.0.0; if you wish to continue using the default of [5] shards, you must manage this on the create index request or with an index template
{
  "took" : 616,
  "errors" : true,
  "items" : [
    {
      "index" : {
        "_index" : "amaresponses",
        "_type" : "doc",
        "_id" : "1",
        "_version" : 1,
        "result" : "created",
        "_shards" : {
          "total" : 2,
          "successful" : 1,
          "failed" : 0
        },
        "_seq_no" : 0,
        "_primary_term" : 1,
        "status" : 201
      }
    },
(略)

절차에 따라 데이터가 포함되어 있는지 확인합니다.

POST /amaresponses/_search

To load the Canvas workpad(s)

그런 다음 Canvas workpad 데이터를 가져옵니다.
Kibana의 톱 페이지에서 Canvas → Import workpad JSON file에서 canvas-workpad-CafeCanvas.json를 선택합니다.

이것으로 준비가 완료됩니다.
Canvas를 사용해 봅시다.

Time filter를 변경하여 Canvas를 느껴보세요

Time filter 기간을 변경해 봅시다.
Github
Canvas 같음을 맛볼 수 있습니다.
이 설정은 어떻게됩니까? 그렇다면 오른쪽 하단의 </>Expression editor를 클릭하여 코드를 확인하십시오.

Metric을 사용하여 계산해보기

다음으로 element를 만들어 봅시다.
이번에는 전체 커피의 잔수를 표시하는 element를 작성합니다.
Metric를 선택하고 오른쪽 하단 커피 컵 위에 놓습니다.
오른쪽의 Data에서 Timelion을 선택하고 쿼리에 .es(index="elasticoffee")를 작성하고 save하십시오.Display의 Measure Number는 Count → value를 선택합니다.Label 지우자.
글꼴은 흰색으로.
이것으로 8종류의 커피잔 수의 합계치를 내는 element의 완성입니다.

결론

포치포치하고, 세련된 화면이 생긴다. 최고.
Canvas를 배울 때의 샘플로서는 이나, AMA Metrics Canvas도 추천입니다.
Twitter 해시태그를 Cafe Canvas풍으로 가시화했다 ElastiCup
그럼 여러분. 멋진 Canvas 생활을!

참고문헌

Canvas를 터치할 때 참고로 하고 있는 페이지입니다.
여기
htps //w w. 에스 c. 코 / b ぉ g / 껄껄 g s r d ぃ th 칸 ゔ ぁ s
htps //w w. 에스 c. 코 / b ぉ g / 에 s 치콘 - 키바나
htps //w w. 에 s c. 코 / b g / 에 s 치 콘 - 키바나 - 칸 ゔ s-s와 ry-ama