Merge pull request #3595 from GordonSmith/ICON_PALETTE

feat(Axis): Add label / icon mapping

demos/gallery/.vscode/tasks.json

@@ -1,28 +1,16 @@
 {
-    // See https://go.microsoft.com/fwlink/?LinkId=733558
-    // for the documentation about the tasks.json format
-    "version": "2.0.0",
-    "tasks": [
-        {
-            "type": "shell",
-            "label": "watch",
-            "command": "./node_modules/.bin/tsc",
-            "windows": {
-                "command": ".\\node_modules\\.bin\\tsc.cmd"
-            },
-            "args": [
-                "--build",
-                "--verbose",
-                "--watch"
-            ],
-            "isBackground": true,
-            "problemMatcher": [
-                "$tsc-watch"
-            ],
-            "group": {
-                "kind": "build",
-                "isDefault": true
-            }
-        }
-    ]
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "npm",
+			"script": "compile-umd-watch",
+			"problemMatcher": [
+				"$tsc-watch"
+			],
+			"group": "build",
+			"label": "npm: compile-umd-watch",
+			"detail": "npm run compile-umd -- -w",
+			"isBackground": true
+		}
+	]
 }

demos/gallery/package.json

@@ -4,6 +4,7 @@
   "scripts": {
     "clean": "rimraf types dist *.tsbuildinfo",
     "compile-umd": "tsc --module umd --outDir ./src-umd",
+    "compile-umd-watch": "npm run compile-umd -- -w",
     "gen-filejson": "node ./util/dir2json ./samples",
     "build": "run-s compile-umd gen-filejson",
     "test": "mocha-chrome --chrome-flags \"[\\\"--allow-file-access-from-files\\\", \\\"--no-sandbox\\\"]\" ./test.html"

demos/gallery/samples/chart/Column/ColumnWithIcons.js → demos/gallery/samples/chart/Bar/Icon Labels.js

@@ -1,6 +1,6 @@
-import { Column } from "@hpcc-js/chart";
+import { Bar } from "@hpcc-js/chart";
 
-new Column()
+new Bar()
     .target("target")
     .columns(["Category", "Series-1"])
     .data([
@@ -18,5 +18,4 @@ new Column()
     .yAxisType("linear")
     .xAxisType("ordinal")
     .xAxisTitle("Category")
-    .render()
-    ;
+    .render();

demos/gallery/samples/chart/Bar/Inner Text With Icons.js

@@ -0,0 +1,20 @@
+import { Bar } from "@hpcc-js/chart";
+
+new Bar()
+    .target("target")
+    .columns(["A", "B", "C"])
+    .data([
+        ["lorem ipsum", 2, -3],
+        ["dolor sit amet", 5, -6],
+        ["consectetur adipisicing elit", 8, 9],
+    ])
+    .showValue(true)
+    .showInnerText(true)
+    .xAxisFontSize(28)
+    .xAxisFontFamily("FontAwesome")
+    .xAxisLabelMapping({
+        "lorem ipsum": "",
+        "dolor sit amet": "",
+        "consectetur adipisicing elit": ""
+    })
+    .render();

demos/gallery/samples/chart/Bar/Inner Text.js

@@ -0,0 +1,13 @@
+import { Bar } from "@hpcc-js/chart";
+
+new Bar()
+    .target("target")
+    .columns(["A", "B", "C"])
+    .data([
+        ["lorem ipsum", 2, -3],
+        ["dolor sit amet", 5, -6],
+        ["consectetur adipisicing elit", 8, 9],
+    ])
+    .showValue(true)
+    .showInnerText(true)
+    .render();