들어본 적 없는 최고의 커스텀 비주얼

LuckyTemplates용 사용자 지정 시각적 개체를 찾고 있다면 99%가 이전에 보거나 들어본 적이 없는 멋진 것을 보여드리겠습니다. 이 블로그 하단에서 이 튜토리얼의 전체 비디오를 볼 수 있습니다.

나는 구매, 재고 및 판매를 다루는 에서 이것을 발견했습니다 . 구매 주문서, 미수금 및 송장에 주로 초점을 맞춘 데이터 세트가 있었습니다.

이 챌린지에서는 이러한 이벤트 사이의 시간을 묘사하고 유용한 방식으로 시각화해야 했습니다. 이 챌린지에 대해 처음에 저를 놀라게 한 것 중 하나는 날짜별로 축척된 수평 타임라인에 다양한 이벤트를 표시할 수 있다면 좋을 것이라는 점이었습니다. LuckyTemplates 내의 기본 시각적 개체에서 이를 수행할 수 있는 방법이 없다는 것을 알고 있었습니다.

그래서 저는 AppSource 마켓플레이스로 가서 수평 타임라인을 할 수 있는 맞춤형 비주얼을 찾았습니다. Query On Timeline 이라는 것을 찾았습니다 .

날짜와 그래픽이 있는 막대와 구매 주문 날짜, 선하 증권 날짜 및 송장 날짜와 같은 일부 추가 정보를 라인 아래에 포함할 수 있는 기능이 있습니다.

이 Kanban 스타일과 같이 이것을 사용할 수 있는 다른 방법이 있습니다.

비주얼 없이 축소 버전을 사용할 수도 있습니다.

또는 폭포 스타일을 선택하십시오.

픽처 인 라인 스타일로 이동할 수도 있습니다.

당신이 이것에 대해 갈 수있는 많은 방법이 있습니다. 이것을 조사하기 시작하면서 이것에 대한 문서가 없다는 것을 알게 되었습니다. 거의 항상 귀하의 질문에 답할 수 있는 것을 찾을 수 있는 Microsoft 커뮤니티에는 놀랍게도 이것에 관한 것이 없었습니다.

나는 이것을 주로 혼자서 탐험해야했습니다. 이 블로그에서는 내가 수행한 작업을 보여주고 자신의 보고서에 적용하는 데 관심이 있는 경우 사용 방법을 안내하고 싶습니다.

이것은 Query on Timeline 시각적 개체를 사용한 챌린지 #7의 항목이었습니다.

왼쪽 하단 비주얼에는 이 키가 있습니다. 주황색은 구매 주문 날짜, 중간 파란색 은 미수금, 진한 파란색 은 송장 날짜입니다.

각 구매 주문서에는 배송 날짜와 송장 날짜가 다른 여러 자재가 있습니다. 모든 것이 완전히 동적이므로 다른 구매 주문서를 선택하면 시각적으로 변경되는 것을 볼 수 있으며 재료별로 필터링할 수 있습니다.

초점을 벗어나 다른 미수금 및 송장과 관련된 전체 날짜 범위를 볼 수도 있습니다.

이 아이콘 중 하나를 클릭하면 실제로 해당 페이지로 이동합니다. 예를 들어 인보이스를 클릭하면…

…모의 인보이스 템플릿으로 이동합니다.

마찬가지로 구매 주문서로 이동하면 구매 주문서 템플릿으로 이동합니다. 배송 및 선하 증권에서도 동일한 일이 발생합니다.

목차

• LuckyTemplates를 위한 최고의 사용자 지정 시각적 개체 중 하나를 달성하기 위한 주요 단계
• 비주얼 준비
• 데이터 모델 준비
• LuckyTemplates용 사용자 지정 시각적 개체 서식 지정
• 결론

LuckyTemplates를 위한 최고의 사용자 지정 시각적 개체 중 하나를 달성하기 위한 주요 단계

이것은 정교한 시각적 개체이며 자신의 보고서에서 작동하도록 하는 몇 가지 주요 단계가 있습니다. 첫 번째는 영상을 준비하는 것입니다 .

두 번째 단계는 LuckyTemplates에서 조작할 URL을 쉽게 가져올 수 있는 퍼블릭 호스팅 사이트에 시각적 개체를 업로드하는 것입니다.

또한 이 경우 아이콘에 연결한 모의 템플릿인 추가 URL을 설정 해야 합니다 .

그런 다음 Query on Timeline 요구 사항과 일치하는 방식으로 데이터 모델을 설정 해야 합니다 .

다양한 데이터 모델을 처리할 때 유연한 다른 시각적 개체와 달리 이 시각적 개체에는 모델을 구성하는 방법에 대한 몇 가지 엄격한 제한이 필요합니다.

이를 미리 고려한 다음 시각적 개체 자체를 구성해야 합니다. 그것은 많은 구성 가능성을 가지고 있으며 그 중 일부는 직관적이지 않습니다.

비주얼 준비

1단계부터 시작하겠습니다. 제 비주얼은 Flat Icon 이라는 사이트를 사용합니다.

좋은 아이콘 사이트가 많이 있습니다. 이것은 내가 사용하는 것입니다. 내가 한 것은 구매, 산출물 및 송장에 대해 각각 하나씩 세 개의 아이콘을 선택하는 것이었습니다.

내 색상 테마를 사용하여 이 아이콘을 변경했습니다. 이러한 항목을 색상 테마와 일치시키는 방법이 궁금하다면 LuckyTemplates용 쉬운 16진수 코드 랭글링 에 대한 제 비디오를 확인하세요 .

사진, 이미지 또는 아이콘이 모두 설정되면 다운로드하여 이미지 호스팅 사이트에 업로드합니다. 다시 말하지만, 좋은 것들이 많이 있습니다. 내가 사용하는 것은 ImgBB 라고 하는 사용하기 쉬운 무료 사이트입니다.

Query On Timeline 항목에서 사용한 아이콘은 주황색, 중간 파란색 및 진한 파란색 아이콘입니다.

여기서 핵심은 필요한 아이콘을 선택하고 임베드 코드 가져오기를 선택하는 것입니다 .

이렇게 하면 뷰어 링크를 볼 수 있습니다 .

드롭다운 버튼을 클릭하고 직접 링크로 이동합니다.

그런 다음 이 링크를 메모장에 복사합니다. 여기서 핵심은 이러한 공개 호스팅 이미지의 URL을 가져오는 것입니다.

이것은 보조 URL에 대해 수행할 작업과 유사합니다. 이 경우 제가 소싱한 사이트는 Template Labs 입니다 .

구매 주문서, 선하 증권 및 송장 템플릿의 URL을 메모장에 복사했습니다. 아이콘 URL을 처리하는 것과 동일한 방식으로 처리합니다.

데이터 모델 준비

다음으로 할 일은 데이터 모델을 준비하는 것입니다. 챌린지에서 대부분의 사람들이 데이터 모델을 어떻게 처리했는지 보여드리겠습니다. 이것은 Mudassir Ali의 제출물이며, 그는 이 챌린지에 대한 훌륭한 출품작을 모았습니다. 나는 당신이 그것을 보도록 정말로 격려합니다.

여기에 포함된 정말 흥미로운 시각 자료와 툴팁은 물론 몇 가지 멋진 기술이 많이 있습니다. 이를 달성하기 위해 그는 3개의 팩트 테이블이 있는 데이터 모델을 구축했으며, 이는 이 과제에서 완벽하게 좋은 접근 방식입니다.

이것은 계산을 수행하고 필요한 분석 결과를 도출하는 좋은 방법이었습니다. 그러나 이 모델은 타임라인 방식을 지원하지 않습니다.

내 제출은 기본적으로 세 개의 팩트 테이블을 하나의 종단 간 트랜잭션 테이블로 가져오기 위한 많은 파워 쿼리 작업이었습니다.

포럼에서 우리는 출품작을 어떻게 생각해 냈는지에 대해 광범위하게 글을 쓰게 됩니다. 읽으면 종단 간 트랜잭션 테이블을 광범위하게 구성하는 방법을 확인할 수 있습니다.

트랜잭션 테이블을 보면 구매 주문 날짜, 송장 날짜, 미수금 날짜 및 기타 계산 날짜와 같은 여러 날짜가 있습니다.

Query On Timeline에 필요한 것은 단일 날짜 열입니다. 따라서 이 단일 트랜잭션 테이블을 함께 모은 후 피벗을 해제한 다음 피벗되지 않은 버전을 내 데이터 모델에 연결했습니다. 제목에 피벗이라고 표시되어 있지만 실제로는 피벗되지 않은 것입니다.

트랜잭션 테이블을 다시 보면 날짜 범주 열과 단일 날짜 열이 표시됩니다 .

Date Category 열은 기본적으로 주문 , 수령 및 청구 의 세 가지 주요 범주로 축소되었습니다 . 그러나 거기에는 로컬 및 글로벌 최대값과 최소값도 있습니다.

구매 주문 URL (PO URL) 도 있습니다 .

트랜잭션 테이블을 다시 보면 데이터 범주를 보고 이미지 호스팅 사이트의 URL을 적절한 아이콘에 할당하는

날짜 범주 필드를 기반으로 하는 템플릿을 할당하기 위해 동일한 유사한 SWITCH 문을 수행합니다.

이것이 각 레코드에 적절한 아이콘과 템플릿을 할당한 방법입니다.

피벗 해제 테이블로 돌아가면 단일 날짜 열 , 날짜 범주 및 구매 주문 및 템플릿에 대한 두 개의 URL 필드가 표시됩니다 .

이것이 타임라인을 올바르게 설정하는 데 필요한 전부입니다.

여기에서 시각적 개체와 주요 필드로 이동하면 제목은 제가 보여드린 피벗되지 않은 날짜 범주입니다.

날짜 /시간은 비피벗 버전의 팩트 테이블 날짜 또는 날짜 테이블의 유효성 검사 날짜 중 하나일 수 있습니다. 어느 쪽이든 여기에서 작동합니다.

선택적 URL은 아이콘 클릭에 연결된 템플릿 URL입니다.

선택적 이미지는 구매 주문 URL 필드입니다.

이제 해당 PO URL 필드를 살펴보면 자동으로 텍스트로 기본 설정되기 때문에 데이터 범주를 이미지 URL로 설정해야 합니다. 텍스트로 유지하면 이미지가 제대로 렌더링되지 않습니다.

URL 필드로 설정하면 이미지 호스팅 사이트에서 이미지가 제대로 전달됩니다.

이러한 단계는 기본적으로 시각적 개체에서 기본 필드를 올바르게 설정하는 방법입니다.

LuckyTemplates용 사용자 지정 시각적 개체 서식 지정

이제 보고서에 대해 수행한 몇 가지 서식을 안내해 드리고자 합니다. 관련된 첫 번째 항목은 캐스케이드 효과를 생성하는 Stagger Text 입니다.

Stagger Text를 끄면 모든 것이 같은 줄에 표시됩니다. 그러나 서로 상대적으로 가까운 여러 필드가 있는 경우 필드가 겹치고 읽을 수 없게 됩니다. 이것이 우리가 자동 계산에서 텍스트를 엇갈리게 표시한 이유입니다.

Text on Top 기능을 사용하면 줄 아래의 계단식 텍스트를 줄 위로 이동할 수 있습니다.

굵은 제목을 사용 하면 제목을 굵게 강조할 수 있습니다. X축에서 수행할 수 있는 일부 날짜 형식도 있습니다. 축에 날짜를 표시하거나 표시하지 않을 수 있습니다.

수동 스케일 날짜 스위치도 켜면 시작점과 끝점이 일정하게 유지되기 때문에 중요합니다.

데이터에 대한 고정 기간이 있기 때문에 이 기능을 켜야 합니다. 이러한 다양한 이벤트가 발생하는 고정된 시점을 기준으로 표시하려고 합니다.

이 기능을 끄면 모든 구매 주문서의 마지막 데이터 포인트가 해당 라인의 끝점이 됩니다. 보시다시피 종점은 3월입니다.

이 경우 수동 조정을 켜고 데이터 세트의 시작인 1월 1일에 시작하여 데이터 세트의 끝인 6월 30일에 종료하려고 합니다.

수동 배율 픽셀은 선의 너비를 설정합니다. 우리가 이것을 켠 유일한 이유는 실행되지 않도록 간격을 만들고 하단에 스크롤 막대를 생성하기 위해서였습니다.

단일 요소 속성은 범주당 하나의 이벤트만 있는 경우에 유용합니다.

완전한 맞춤 조건부 서식이 없기 때문에 이 기능을 사용하여 각 카테고리의 글꼴, 색상 및 속성을 설정할 수 있습니다. 첫 번째 작업만 수행할 수 있으며 나머지는 기본 색상으로 되어 있습니다. 이후 버전에서는 전체 조건부 서식을 사용할 수 있기를 바랍니다.

이미지 설정을 사용하면 이미지 크기를 조정하고 적절한 간격을 유지할 수 있습니다.

스타일 을 사용하면 막대 스타일, 선 스타일, 폭포 스타일 및 칸반 스타일과 같은 여러 스타일 중에서 선택할 수 있습니다.

우리는 막대 스타일을 사용하지만 다른 응용 프로그램의 경우 이 기능을 실험하고 놀고 싶을 수 있습니다.

이 사용자 지정 시각적 개체에는 오늘 날짜를 표시하는 동적 기능도 있지만 데이터 길이까지 확장되지 않기 때문에 이 경우에는 관련이 없습니다.

또한 Google 캘린더 또는 Outlook에서 날짜를 캘린더 파일로 다운로드할 수 있습니다.

결론

이것은 LuckyTemplates에 대한 사용자 지정 시각적 개체를 구성하는 방법의 예입니다. 정확하게 표시하려면 많은 실험이 필요하지만 데이터를 표시하는 귀중한 방법을 제공한다고 생각합니다.

바라건대, 이 튜토리얼이 유용하다는 것을 알았고 실험하고 놀고 싶은 것을 찾았습니다.

아직 구독하지 않으셨다면 LuckyTemplates TV를 구독하세요 . 곧 새로운 비디오 콘텐츠가 많이 나올 예정입니다.