new renderStart event

src/VueChartwerkPodMixin.ts

@@ -78,6 +78,9 @@ export default {
       if(has(this.$listeners, 'sharedCrosshairMove')) {
         this.options.eventsCallbacks.sharedCrosshairMove = this.sharedCrosshairMove.bind(this);
       }
+      if(has(this.$listeners, 'renderStart')) {
+        this.options.eventsCallbacks.renderStart = this.renderStart.bind(this);
+      }
       if(has(this.$listeners, 'renderEnd')) {
         this.options.eventsCallbacks.renderEnd = this.renderEnd.bind(this);
       }
@@ -109,6 +112,9 @@ export default {
     sharedCrosshairMove(event) {
       this.$emit('sharedCrosshairMove', event);
     },
+    renderStart() {
+      this.$emit('renderStart');
+    },
     renderEnd() {
       this.$emit('renderEnd');
     },

src/index.ts

@@ -178,6 +178,10 @@ abstract class ChartwerkPod<T extends TimeSerie, O extends Options> {
   }
 
   public render(): void {
+    if(has(this.options.eventsCallbacks, 'renderStart')) {
+      this.options.eventsCallbacks.renderStart();
+    }
+
     this.renderClipPath();
     this.addEvents();
 

src/types.ts

@@ -25,6 +25,7 @@ export type Options = {
     onLegendLabelClick?: (idx: number) => void,
     contextMenu?: (evt: any) => void, // the same name as in d3.events
     sharedCrosshairMove?: (event: any) => void,
+    renderStart?: () => void,
     renderEnd?: () => void,
   };
   axis?: {