Qlik Sense D3 Circular Gauge Designer

February 22, 2021 ยท View on GitHub

KPIwithImgDisplay

Use template created in demo app to start designing gauge

Measure configuration (Data)

Main Kpi

mainKpi

Center Kpi

maincKpi

Appearance

Chart background

chartbg

Gauge Setting (Dial)

configure the dial size, color, #ticks , display value and tick text color

dial

Kpi segments

Add a segments. i.e. good range and bad range.

segments

Needle

Configure the needle display and color.

needle

Customize Header/Footer

headerfooter

Contents

  1. 0.1Use template created in demo app to start designing gauge
  2. 0.2Main Kpi
  3. 0.3Center Kpi
  4. 0.4Chart background
  5. 0.5Gauge Setting (Dial)
  6. 0.6Kpi segments
  7. 0.7Needle
  8. 0.8Customize Header/Footer