Bubble.io에서 차트와 그래프를 어떻게 만들 수 있나요?

Bubble.io에서 차트와 그래프 생성하기

• 단계 1: 플러그인 탭으로 이동하여 'Chart.js'를 검색하고 찾으면 Bubble.io 앱에 추가하여 Chart.js 플러그인을 설치하십시오.

• 단계 2: 앱 편집기 내에서 차트 또는 그래프를 표시하려는 페이지에 차트 요소를 드래그하십시오.

• 단계 3: 사용 가능한 옵션인 선 그래프, 막대 그래프, 레이더, 파이, 도넛 중에서 원하는 차트 유형을 선택하십시오.

• 단계 4: 차트에서 표시할 데이터 유형을 정의하십시오. 이 필드는 차트를 채우는 데 사용되기 때문에 숫자 필드를 포함하는 데이터 유형을 지정해야 합니다.

• 단계 5: 차트의 데이터 소스를 설정하십시오. 이것은 일반적으로 데이터베이스에서 검색하여 온 목록이 될 것입니다. 예를 들어, 판매 데이터를 표시하려면 데이터 소스는 판매 기록 검색일 수 있습니다.

• 단계 6: 선택한 데이터 유형의 숫자 필드를 사용하여 차트의 Y값(숫자 값)을 계산하는 '값 표현식'을 구성하십시오.

• 단계 7: 데이터 유형의 텍스트 필드를 사용하여 차트의 각 데이터 포인트를 설명하는 '레이블 표현식'을 설정하십시오.

• 단계 8: 데이터 시리즈, 척도 선, 그리드 선의 색상을 설정하고 척도, 그리드, 툴팁을 표시할지 여부를 결정하여 차트의 모양을 사용자 정의하십시오.

• 단계 9: 원하는 경우 숫자 형식, 소수점 자리 수, 분리 기호와 같은 추가 스타일링을 구성하여 데이터를 더 직관적으로 표시하십시오.

• 단계 10: 개별 데이터 포인트 대신 집계를 차트로 표시하려면 차트의 데이터 소스에 ":그룹 기능"을 사용하면 데이터의 합계, 개수 또는 평균을 표시할 수 있습니다.

• 단계 11: 차트의 속성을 설정한 후 애플리케이션을 미리보면 데이터로 렌더링된 차트를 볼 수 있습니다.

기억하십시오, 차트는 동적이며 앱의 데이터베이스에 있는 실제 데이터를 반영합니다. 애플리케이션의 필요에 맞게 설정과 스타일링을 항상 조정할 수 있습니다.