v2.2.0 - Added rendering events (#95)

* add rendering events

Author: bobalive

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.2.0
+### Visual changes
+*Add rendering events. 
+
 ## 2.1.2
 ### Visual changes
 * Tailor title text if it's too long

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "dualkpi",
   "displayName": "Dual KPI",
-  "version": "2.1.2.0",
+  "version": "2.2.0.0",
   "description": "Dual KPI efficiently visualizes two measures over time. It shows their trend based on a joint timeline, while absolute values may use different scales, for example Profit and Market share or Sales and Profit. Each KPI can be visualized as line chart or area chart. The visual has dynamic behavior and can show historical value and the change from the latest value when you hover over it. It also has small icons and labels to convey KPI definitions and alerts about data freshness. Customize colors, titles, axis properties, tooltips, and more, to create visually appealing and functional executive dashboards.",
   "author": {
     "name": "Microsoft",

package.json

@@ -1,10 +1,10 @@
 {
   "visual": {
     "name": "dualKpi",
-    "displayName": "Dual KPI 2.1.2.0",
+    "displayName": "Dual KPI 2.2.0.0",
     "guid": "PBI_CV_3C80B1F2_09AF_4123_8E99_C3CBC46B23E0",
     "visualClassName": "DualKpi",
-    "version": "2.1.2.0",
+    "version": "2.2.0.0",
     "description": "Dual KPI efficiently visualizes two measures over time. It shows their trend based on a joint timeline, while absolute values may use different scales, for example Profit and Market share or Sales and Profit. Each KPI can be visualized as line chart or area chart. The visual has dynamic behavior and can show historical value and the change from the latest value when you hover over it. It also has small icons and labels to convey KPI definitions and alerts about data freshness. Customize colors, titles, axis properties, tooltips, and more, to create visually appealing and functional executive dashboards.",
     "supportUrl": "http://community.powerbi.com",
     "gitHubUrl": "https://github.com/Microsoft/powerbi-visuals-dualkpi"

pbiviz.json

@@ -75,6 +75,7 @@ import VisualConstructorOptions = powerbi.extensibility.visual.VisualConstructor
 import VisualUpdateOptions = powerbi.extensibility.visual.VisualUpdateOptions;
 import IColorPalette = powerbi.extensibility.IColorPalette;
 import ISelectionManager = powerbi.extensibility.ISelectionManager;
+import IVisualEventService = powerbi.extensibility.IVisualEventService;
 
 import IValueFormatter = ValueFormatter.IValueFormatter;
 import valueFormatter = ValueFormatter;
@@ -202,6 +203,7 @@ export class DualKpi implements IVisual {
     private target: HTMLElement;
     private size: DualKpiSize;
     private sizeCssClass: DualKpiSizeClass;
+    private eventService: IVisualEventService
 
     private svgRoot: d3Selection<SVGSVGElement, unknown, null, undefined>;
 
@@ -263,6 +265,7 @@ export class DualKpi implements IVisual {
 
     private init(options: VisualConstructorOptions): void {
         this.target = options.element;
+        this.eventService = options.host.eventService
         this.size = DualKpiSize.small;
         this.sizeCssClass = "small";
         this.valueFormatter = d3Format(".3s");
@@ -480,9 +483,9 @@ export class DualKpi implements IVisual {
     }
 
     public update(options: VisualUpdateOptions) {
+        this.eventService.renderingStarted(options)
         try {
             const dataView: DataView = this.dataView = options.dataViews && options.dataViews[0];
-
             if (!dataView ||
                 !dataView.metadata ||
                 !dataView.metadata.columns) {
@@ -523,8 +526,10 @@ export class DualKpi implements IVisual {
             if (wasDataSetRendered) {
                 this.drawBottomContainer(chartWidth, chartHeight, chartTitleSpace, chartSpaceBetween, iconOffset);
             }
+            this.eventService.renderingFinished(options)
         } catch (e) {
             console.error(e);
+            this.eventService.renderingFailed(options , e)
         }
     }