Update 1.0.4 (#12)

* Return back jquery reference
* Add Dot opacity property
* Add axis color property
* Add new basket "Counter"

Author: vtkalek

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 1.1.0
+* Add Dot opacity property
+* Add axes color property
+* Add new basket "Counter"
+
 ## 1.0.3
 * Return jQuery reference
 

capabilities.json

@@ -1,14 +1,22 @@
-{
+{
   "dataRoles": [
     {
       "name": "Date",
       "kind": "Grouping",
-      "displayName": "Date"
+      "displayName": "Date",
+      "displayNameKey": "Visual_Date"
     },
     {
       "name": "Values",
       "kind": "Measure",
-      "displayName": "Values"
+      "displayName": "Values",
+      "displayNameKey": "Visual_Values"
+    },
+    {
+      "name": "Counter",
+      "kind": "Measure",
+      "displayName": "Counter",
+      "displayNameKey": "Visual_Counter"
     }
   ],
   "dataViewMappings": [
@@ -23,6 +31,10 @@
             "min": 0,
             "max": 1
           },
+          "Counter": {
+            "min": 0,
+            "max": 1
+          },
           "Labels": {
             "min": 0,
             "max": 1
@@ -50,6 +62,11 @@
               "bind": {
                 "to": "Values"
               }
+            },
+             {
+              "bind": {
+                "to": "Counter"
+              }
             }
           ]
         }
@@ -86,6 +103,13 @@
       "displayName": "Dot",
       "displayNameKey": "Visual_Dot",
       "properties": {
+        "percentile": {
+          "displayName": "Opacity",
+          "displayNameKey": "Visual_Opacity",
+         "type": {
+            "numeric": true
+          }
+        },
         "color": {
           "displayName": "Fill",
           "displayNameKey": "Visual_Fill",
@@ -113,6 +137,28 @@
         }
       }
     },
+    "axisOptions": {
+      "displayName": "Axes properties",
+      "displayNameKey": "Visual_AxisProperties",
+      "properties": {
+        "show": {
+          "type": {
+            "bool": true
+          }
+        },
+        "color": {
+          "displayName": "Color",
+          "displayNameKey": "Visual_Color",
+          "type": {
+            "fill": {
+              "solid": {
+                "color": true
+              }
+            }
+          }
+        }
+      }
+    },
     "counteroptions": {
       "displayName": "Counter",
       "displayNameKey": "Visual_Counter",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "powerbi-visuals-linedotchart",
   "description": "LineDot Chart",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "author": {
     "name": "Microsoft",
     "email": "pbicvsupport@microsoft.com"
@@ -40,10 +40,10 @@
     "karma-typescript-preprocessor": "0.3.0",
     "lodash": "4.16.2",
     "powerbi-visuals-tools": "1.7.1",
-    "powerbi-visuals-utils-chartutils": "0.3.0",
-    "powerbi-visuals-utils-dataviewutils": "1.0.1",
-    "powerbi-visuals-utils-testutils": "0.2.2",
-    "powerbi-visuals-utils-tooltiputils": "0.3.0",
+    "powerbi-visuals-utils-chartutils": "1.2.0",
+    "powerbi-visuals-utils-dataviewutils": "1.2.0",
+    "powerbi-visuals-utils-testutils": "1.0.1",
+    "powerbi-visuals-utils-tooltiputils": "1.0.0",
     "tslint": "3.15.1",
     "tslint-microsoft-contrib": "^5.0.0",
     "typescript": "2.1.4"

pbiviz.json

@@ -4,7 +4,7 @@
     "displayName": "LineDot Chart",
     "guid": "LineDotChart1460463831201",
     "visualClassName": "LineDotChart",
-    "version": "1.0.3",
+    "version": "1.1.0",
     "description": "The LineDot chart is an animated line chart with fun animated dots. Use the LineDot chart to engage your audience especially in a presentation context. The bubbles size can be dynamic based on data you provide. A counter is provided that you can use to show a running value as the chart animates. Format options are provided for Lines, Dots, and Animation.",
     "supportUrl": "http://community.powerbi.com",
     "gitHubUrl": "https://github.com/Microsoft/powerbi-visuals-linedotchart"

src/behavior.ts

@@ -56,7 +56,7 @@ module powerbi.extensibility.visual {
             let hasHighlights: boolean = this.hasHighlights;
 
             this.selection.style("opacity", (d: LineDotPoint) => {
-                return lineDotChartUtils.getFillOpacity(d.selected, d.highlight, !d.highlight && hasSelection, !d.selected && hasHighlights);
+                return lineDotChartUtils.getFillOpacity(d, d.selected, d.highlight, !d.highlight && hasSelection, !d.selected && hasHighlights);
             });
         }
     }

src/dataInterfaces.ts

@@ -41,6 +41,8 @@ module powerbi.extensibility.visual {
         dot: number;
         sum: number;
         highlight?: boolean;
+        opacity: number;
+        counter: any;
     }
 
     export interface Legend {

src/settings.ts

@@ -28,12 +28,19 @@ module powerbi.extensibility.visual {
     import DataViewObjectsParser = powerbi.extensibility.utils.dataview.DataViewObjectsParser;
 
     export class LineDotChartSettings extends DataViewObjectsParser {
+        public isCounterDateTime: boolean = false;
+        public axisOptions: AxisSettings = new AxisSettings();
         public lineoptions: LineSettings = new LineSettings();
         public dotoptions: DotSettings = new DotSettings();
         public counteroptions: CounterSettings = new CounterSettings();
         public misc: MiscSettings = new MiscSettings();
     }
 
+    export class AxisSettings {
+        public show: boolean = true;
+        public color: string = "black";
+    }
+
     export class LineSettings {
         public fill: string = "rgb(102, 212, 204)";
         public lineThickness: number = 3;
@@ -43,6 +50,8 @@ module powerbi.extensibility.visual {
         public color: string = "#005c55";
         public dotSizeMin: number = 4;
         public dotSizeMax: number = 38;
+        // Opacity
+        public percentile: number = 100;
     }
 
     export class CounterSettings {
@@ -54,4 +63,4 @@ module powerbi.extensibility.visual {
         public isStopped: boolean = true;
         public duration: number = 20;
     }
-}
+}