HTML 템플릿에 차트를 이미지로 추가

HTML 보고서 템플릿에 차트를 이미지로 추가할 수 있습니다. 차트는 앱의 최근 다시 로드에서 수집된 데이터를 사용합니다.

차트 이미지는 HTML 템플릿 코드에 img 요소로 추가됩니다. 이미지는 개체 패널에 개체로 추가되며, 언제든지 편집하고 재사용할 수 있습니다.

차트를 선택할 때 을 클릭하여 Qlik Sense 앱에서 사용할 수 있는 차트 목록을 새로 고칩니다.

다음과 같이 하십시오.

1. HTML 디자이너에서 이미지를 삽입하려는 코드의 위치에 커서를 놓습니다.

2. HTML 디자이너에서 개체 패널의 을 클릭합니다.

   

3. 차트 추가를 클릭합니다. 사용할 수 있는 시트 목록이 나타납니다.

4. 추가하려는 차트가 포함된 시트를 확장합니다. 필요한 경우 차트 이름을 검색하여 시트 목록을 구체화할 수 있습니다.

5. 차트를 추가하려면 아이콘을 클릭합니다.

   올바른 차트를 추가하는지 확인하려면 추가하기 전에 차트를 미리 볼 수 있습니다. 차트를 미리 보려면 차트 옆에 있는 을 클릭하거나 차트 이름을 클릭합니다.

   

6. 차트는 템플릿에 img 요소로 추가됩니다. 개체 패널에서 이미지에 고유한 이름을 지정하면 나중에 이미지를 식별할 수 있습니다.

   

7. 다음을 사용하여 템플릿에 이미지가 표시되는 방식을 조정할 수 있습니다.

   • 개체 메뉴에서 확대/축소를 조정합니다. 이는 차트 텍스트의 가독성을 높이고 차트의 특정 측면을 강조 표시하는 데 도움이 될 수 있습니다.

   • img 요소의 width 및 height 특성을 사용하여 이미지의 차원을 변경합니다. 이 작업은 설계 화면에서 수행됩니다.

8. 언제든지 이미지 개체를 다시 사용할 수 있습니다. 개체 패널에서 을 열고 을 클릭하여 개체를 엽니다. 이미지를 다시 추가하려면 이미지 추가를 클릭합니다.