Method _drawGauge

src/core/JustGage.js:156–204

* Draw the complete gauge * @private

()

   * @private
   */
  _drawGauge() {
    const config = this.config;

    // Calculate widget dimensions using original algorithm
    const { widgetW, widgetH, dx, dy } = this._calculateGaugeGeometry();

    // Draw gauge background using original path generation
    const gaugePath = this.renderer.createGaugePath(
      config.max,
      config.min,
      config.max,
      widgetW,
      widgetH,
      dx,
      dy,
      config.gaugeWidthScale || 1.0,
      config.donut,
      false // this is relevant only for level drawing
    );

    this.canvas.gauge = this.renderer.path(gaugePath).attr({
      fill: config.gaugeColor,
      stroke: 'none',
    });

    // Apply donut rotation to background gauge (like original)
    this._applyDonutRotation(this.canvas.gauge, config, widgetW, widgetH, dx, dy);

    // Draw value level or sector colors based on configuration
    if (config.showSectorColors) {
      // Draw static sector colors once (uses customSectors, levelColors, or gaugeColor)
      this._drawSectorColors();
    } else {
      // Draw value level (start from appropriate value for animation)
      // Differential gauges start from middle (0), regular gauges from min
      const startValue = config.differential ? (config.max + config.min) / 2 : config.min;
      this._drawLevel(startValue);
    }

    // Draw labels
    this._drawLabels();

    // Draw pointer if enabled
    if (config.pointer) {
      this._drawPointer();
    }

    this._drawTargetLine();
  }

  /**
   * Draw gauge level (filled arc)