개시하다

나는 Cybozu User Festival의eva 테두리에서 강단에 올라 도표에 대해 설명했다.
그 중에서도 더 자세히 설명하고 싶으니 먼저 써야 한다.
(여력이 있다면 잘 쓸게요...)

그림 완성

이런 느낌 낼 수 있는!

프로그램 만들기

이번에는 앱스토어의'사건관리'

를 사용했다.

샘플 데이터를 포함하는 프로그램을 제작하면 신속하게 제작할 수 있다

그래프의 iframe 탭 복사

'정확도 별안 비율','제품별 판매 추정','제품별 활동량 추이'의 도표를 각각 열고'삽입용 라벨'안의 iframe 라벨

을 복제한다.

대시보드 목록 만들기

기록 일람의 표시 형식: 맞춤형

HTML 섹션에 복사한 iframe 붙여넣기

원래는'width='800'height='600'이었는데'width='400'height='400'으로 바꾸면 대시보드를 구성할 때 느낌이 좋다.

여러 iframe를 계속 붙이면 OK

이렇게 하면 화면 크기를 바꿀 때 적절하게 배치

고정하려면 CSS 등을 사용해 좋은 느낌으로 조정하세요

프로그램을 업데이트해서 이 일람표를 표시하면 예쁜 계기판을 완성할 수 있습니다!

차트 요약 화면에 여러 개의 차트를 구성하면 BI 툴과 같습니다.(과장)

킨톤의 도표 기능을 완전히 사용할 수 있습니다!

도례를 클릭하면 표시 내용이 변경됩니다

도표 요소를 클릭하면 이 도표를 구성하는 일람

을 표시합니다

도표나 판례를 수정했을 때 도표 자체가 강조된다

최후

간단하지만 시각적으로 동작이 있는 것은 이해하기 쉽고 충격적입니다!
누르면 누런루 이동도 재밌어요!
그래프(접선 그래프 & 스트라이프 그래프 등)를 겹치려는 요구도 많지만 단번에 "이렇게 하면 돼!"이렇게 되는 경우도 많죠!
참고로 이걸 만들 때 이른바 자바스크립트 맞춤형이 없으면 킨톤의 표준 기능만으로도 실현할 수 있습니다!
꼭 도전해 보세요!