value formatter option

dist/index.d.ts

@@ -25,7 +25,6 @@ export declare class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, Gaug
     rescaleArcRadius(radius: number): number;
     rescaleValueFont(fontsize: number): number;
     private get _scaleFactor();
-    private get _valueTextDecimals();
     private get aggregatedValue();
     private get _maxValue();
     onMouseOver(): void;

dist/types.d.ts

@@ -9,9 +9,7 @@ export declare type Stop = {
     color: string;
     value: number | null;
 };
-export declare type ValueTextFormat = {
-    decimals: number;
-};
+export declare type ValueFormatter = (value: number) => string;
 export declare type GaugeTimeSerie = TimeSerie;
 export declare type GaugeOptionsParams = {
     innerRadius: number;
@@ -23,6 +21,6 @@ export declare type GaugeOptionsParams = {
     }[];
     defaultColor: string;
     stat: Stat;
-    valueTextFormat: ValueTextFormat;
+    valueFormatter: ValueFormatter;
 };
 export declare type GaugeOptions = Options & Partial<GaugeOptionsParams>;

src/index.ts

@@ -45,9 +45,7 @@ const DEFAULT_GAUGE_OPTIONS: GaugeOptions = {
   stat: Stat.CURRENT,
   innerRadius: DEFAULT_INNER_RADIUS,
   outerRadius: DEFAULT_OUTER_RADIUS,
-  valueTextFormat: {
-    decimals: DEFAULT_VALUE_TEXT_Decimals
-  }
+  valueFormatter: val => val.toString() 
 };
 
 export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions> {
@@ -198,8 +196,11 @@ export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions
   }
 
   private get _valueText(): string {
-    const decimalsCount = this._valueTextDecimals;
-    return this.aggregatedValue.toFixed(decimalsCount);
+    if(this.options.valueFormatter) {
+      console.log('valueFormatter function is not specified, rendering raw value');
+      return this.aggregatedValue.toString();
+    }
+    return this.options.valueFormatter(this.aggregatedValue);
   }
 
   private get _valueTextFontSize(): number {
@@ -246,13 +247,6 @@ export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions
     return scale;
   }
 
-  private get _valueTextDecimals(): number {
-    if(this.options.valueTextFormat === undefined) {
-      throw new Error(`Options has no valueTextFormat`);
-    }
-    return this.options.valueTextFormat.decimals;
-  }
-
   private get aggregatedValue(): number {
     switch(this._stat) {
       case Stat.CURRENT:

src/types.ts

@@ -12,9 +12,7 @@ export type Stop = {
   value: number | null
 };
 
-export type ValueTextFormat = {
-  decimals: number
-};
+export type ValueFormatter = (value: number) => string;
 
 export type GaugeTimeSerie = TimeSerie;
 
@@ -26,6 +24,6 @@ export type GaugeOptionsParams = {
   stops: { color: string , value: number }[];
   defaultColor: string;
   stat: Stat;
-  valueTextFormat: ValueTextFormat;
+  valueFormatter: ValueFormatter;
 }
 export type GaugeOptions = Options & Partial<GaugeOptionsParams>;