지표를 구성할 때 가변 벡터 그래픽(SVG) 아이콘을 사용할 수 있는 옵션이 제공됩니다. 이 아이콘은 기본 설정에 따라 요소에 포함되어 있지 않습니다. 이 기능을 사용하면 대시보드를 산업별 요구 사항이나 기관의 기업 브랜드 이미지에 맞게 구성할 수 있습니다. SVG 형식은 XML 기반의 벡터 이미지 형식입니다. 아이콘은 텍스트 편집기나 그리기 소프트웨어를 사용하여 생성할 수 있습니다. 사용자 정의 아이콘은 런타임에 지표의 중간 텍스트 콘텐츠와 동일한 높이로 크기가 조정됩니다.
다음 예시에는 반시계 방향의 화살표 3개가 표시된 SVC 콘텐츠가 나와 있습니다. 이 아이콘은 진행 중인 작업을 나타내는 데 사용할 수 있습니다.
아래의 SVG 코드를 복사한 후 아이콘 선택 화면에서 사용자 정의 아래의 빈 상자에 붙여넣어 이 기능을 사용해 보세요.<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="icons">
<path d="M13.91 9a6.003 6.003 0 0 1-5.658 4.987l-.347-1.992c.032.001.063.005.095.005a3.996 3.996 0 0 0 3.858-3h-1.749l2.75-3.912L15.61 9zm-8.668 1.877l-.002.002a3.945 3.945 0 0 1-.688-4.884l-1.809-.848a5.923 5.923 0 0 0 1.08 7.148L2.59 13.529l4.71.822-.82-4.711zm1.425-6.576l-.011-.067a3.97 3.97 0 0 1 4.575 1.43l1.194-1.697a5.941 5.941 0 0 0-6.119-1.718L6.018.607 2.64 3.994l4.33 2.03z" />
</svg>
다음 이미지는 사용자 정의 아이콘이 포함된 지표의 모양입니다.
다음의 팁을 참조하여 자신의 고유한 아이콘을 쉽게 생성할 수 있습니다.
- SVG 아이콘에 스트로크 또는 채우기를 정의하지 않은 경우 이러한 항목은 대시보드에 지표를 작성할 때 조정할 수 있습니다.
- 아이콘에 스트로크를 정의하지 않으면 구성할 때 추가할 수 있습니다. 1픽셀이 사용됩니다.
- SVG 형식 그리기는 동적이며 대화형으로 수행할 수 있지만 스크립트 기반 애니메이션은 지원되지 않고 제거됩니다.