@amcharts/amcharts5 5.8.7 → 5.9.1

package/.internal/charts/stock/toolbar/ColorControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/ColorControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ColorSet } from \"../../../core/util/ColorSet\";\r\nimport type { Color } from \"../../../core/util/Color\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownColors } from \"./DropdownColors\";\r\nimport { StockIcons } from \"./StockIcons\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport StockToolbarCSS from \"./StockToolbarCSS\";\r\n\r\nexport interface IColorControlSettings extends IStockControlSettings {\r\n\tcolors?: ColorSet;\r\n\tuseOpacity?: boolean;\r\n}\r\n\r\nexport interface IColorControlPrivate extends IStockControlPrivate {\r\n\tdropdown?: DropdownColors;\r\n\tcolor?: Color;\r\n\topacity?: number;\r\n}\r\n\r\nexport interface IColorControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\tcolor: Color\r\n\t}\r\n\tselectedOpacity: {\r\n\t\topacity: number\r\n\t}\r\n}\r\n\r\n/**\r\n * Color picker control.\r\n */\r\nexport class ColorControl extends StockControl {\r\n\tpublic static className: string = \"ColorControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([ColorControl.className]);\r\n\r\n\tdeclare public _settings: IColorControlSettings;\r\n\tdeclare public _privateSettings: IColorControlPrivate;\r\n\tdeclare public _events: IColorControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst dropdownSettings: any = {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tuseOpacity: this.get(\"useOpacity\")\r\n\t\t}\r\n\t\tif (this.get(\"colors\")) {\r\n\t\t\tdropdownSettings.colors = this.get(\"colors\");\r\n\t\t}\r\n\t\tconst dropdown = DropdownColors.new(this._root, dropdownSettings);\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invoked\", (ev) => {\r\n\t\t\tthis.setPrivate(\"color\", ev.color);\r\n\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\ttype: \"selected\",\r\n\t\t\t\tcolor: ev.color,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invokedOpacity\", (ev) => {\r\n\t\t\tthis.setPrivate(\"opacity\", ev.opacity);\r\n\t\t\tthis.events.dispatch(\"selectedOpacity\", {\r\n\t\t\t\ttype: \"selectedOpacity\",\r\n\t\t\t\topacity: ev.opacity,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tdropdown.setPrivate(\"color\", this.getPrivate(\"color\"));\r\n\t\t\t\tdropdown.setPrivate(\"opacity\", this.getPrivate(\"opacity\"));\r\n\t\t\t\tthis.setTimeout(() => dropdown.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.onPrivate(\"color\", () => {\r\n\t\t\tconst color = this.getPrivate(\"color\");\r\n\t\t\tthis.getPrivate(\"icon\")!.style.backgroundColor = color ? color.toCSS(this.getPrivate(\"opacity\", 1)) : \"\";\r\n\t\t});\r\n\r\n\t\tthis.onPrivate(\"opacity\", () => {\r\n\t\t\tconst color = this.getPrivate(\"color\");\r\n\t\t\tthis.getPrivate(\"icon\")!.style.backgroundColor = color ? color.toCSS(this.getPrivate(\"opacity\", 1)) : \"\";\r\n\t\t});\r\n\r\n\t\t// Add checkered background for showing opacity\r\n\t\tconst bg = document.createElement(\"div\");\r\n\t\tbg.className = \"am5stock-control-icon-color-bg\";\r\n\t\tthis.getPrivate(\"icon\")!.appendChild(bg);\r\n\r\n\t\tthis.loadDefaultCSS();\r\n\r\n\t}\r\n\r\n\tprotected _getDefaultIcon(): SVGElement {\r\n\t\tconst icon = StockIcons.getIcon(\"Color\");\r\n\t\t$utils.addClass(icon, \"am5stock-control-icon-color\");\r\n\t\treturn icon;\r\n\t}\r\n\r\n\t/**\r\n\t * Loads the default CSS.\r\n\t *\r\n\t * @ignore Exclude from docs\r\n\t */\r\n\tpublic loadDefaultCSS(): void {\r\n\t\tconst disposer = StockToolbarCSS($utils.getShadowRoot(this._root.dom), this._root);\r\n\t\tthis._disposers.push(disposer);\r\n\t}\r\n\r\n\tpublic hide(): void {\r\n\t\tsuper.hide();\r\n\t}\r\n\r\n\t\tprotected _maybeMakeAccessible(): void {\r\n\t\t\tsuper._maybeMakeAccessible();\r\n\t\t\tif (this.isAccessible()) {\r\n\t\t\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\t\t\tbutton.setAttribute(\"aria-label\", button.getAttribute(\"title\") + \"; \" + this._t(\"Press ENTER or use arrow keys to navigate\"));\r\n\r\n\t\t\t\tif ($utils.supports(\"keyboardevents\")) {\r\n\t\t\t\t\tthis._disposers.push($utils.addEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\r\n\t\t\t\t\t\tif (document.activeElement == button) {\r\n\t\t\t\t\t\t\tif (ev.keyCode == 38 || ev.keyCode == 40) {\r\n\t\t\t\t\t\t\t\t// Open on arrows\r\n\t\t\t\t\t\t\t\tif (!this.get(\"active\")) {\r\n\t\t\t\t\t\t\t\t\tthis._handleClick();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n}"]}
+{"version":3,"file":"ColorControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/ColorControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ColorSet } from \"../../../core/util/ColorSet\";\r\nimport type { Color } from \"../../../core/util/Color\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownColors } from \"./DropdownColors\";\r\nimport { StockIcons } from \"./StockIcons\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport StockToolbarCSS from \"./StockToolbarCSS\";\r\n\r\nexport interface IColorControlSettings extends IStockControlSettings {\r\n\tcolors?: ColorSet;\r\n\tuseOpacity?: boolean;\r\n}\r\n\r\nexport interface IColorControlPrivate extends IStockControlPrivate {\r\n\tdropdown?: DropdownColors;\r\n\tcolor?: Color;\r\n\topacity?: number;\r\n}\r\n\r\nexport interface IColorControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\tcolor: Color\r\n\t}\r\n\tselectedOpacity: {\r\n\t\topacity: number\r\n\t}\r\n}\r\n\r\n/**\r\n * Color picker control.\r\n */\r\nexport class ColorControl extends StockControl {\r\n\tpublic static className: string = \"ColorControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([ColorControl.className]);\r\n\r\n\tdeclare public _settings: IColorControlSettings;\r\n\tdeclare public _privateSettings: IColorControlPrivate;\r\n\tdeclare public _events: IColorControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Control\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-color\";\r\n\r\n\t\t// Create list of tools\r\n\t\tconst dropdownSettings: any = {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tuseOpacity: this.get(\"useOpacity\")\r\n\t\t}\r\n\t\tif (this.get(\"colors\")) {\r\n\t\t\tdropdownSettings.colors = this.get(\"colors\");\r\n\t\t}\r\n\t\tconst dropdown = DropdownColors.new(this._root, dropdownSettings);\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invoked\", (ev) => {\r\n\t\t\tthis.setPrivate(\"color\", ev.color);\r\n\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\ttype: \"selected\",\r\n\t\t\t\tcolor: ev.color,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invokedOpacity\", (ev) => {\r\n\t\t\tthis.setPrivate(\"opacity\", ev.opacity);\r\n\t\t\tthis.events.dispatch(\"selectedOpacity\", {\r\n\t\t\t\ttype: \"selectedOpacity\",\r\n\t\t\t\topacity: ev.opacity,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tdropdown.setPrivate(\"color\", this.getPrivate(\"color\"));\r\n\t\t\t\tdropdown.setPrivate(\"opacity\", this.getPrivate(\"opacity\"));\r\n\t\t\t\tthis.setTimeout(() => dropdown.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.onPrivate(\"color\", () => {\r\n\t\t\tconst color = this.getPrivate(\"color\");\r\n\t\t\tthis.getPrivate(\"icon\")!.style.backgroundColor = color ? color.toCSS(this.getPrivate(\"opacity\", 1)) : \"\";\r\n\t\t});\r\n\r\n\t\tthis.onPrivate(\"opacity\", () => {\r\n\t\t\tconst color = this.getPrivate(\"color\");\r\n\t\t\tthis.getPrivate(\"icon\")!.style.backgroundColor = color ? color.toCSS(this.getPrivate(\"opacity\", 1)) : \"\";\r\n\t\t});\r\n\r\n\t\t// Add checkered background for showing opacity\r\n\t\tconst bg = document.createElement(\"div\");\r\n\t\tbg.className = \"am5stock-control-icon-color-bg\";\r\n\t\tthis.getPrivate(\"icon\")!.appendChild(bg);\r\n\r\n\t\tthis.loadDefaultCSS();\r\n\r\n\t}\r\n\r\n\t/**\r\n\t * Sets color.\r\n\t * \r\n\t * @param  color  Color\r\n\t * @since 5.9.0\r\n\t */\r\n\tpublic setColor(color: Color) {\r\n\t\tthis.setPrivate(\"color\", color);\r\n\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\ttype: \"selected\",\r\n\t\t\tcolor: color,\r\n\t\t\ttarget: this\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Sets opacity.\r\n\t * \r\n\t * @param  opacity  Opacity\r\n\t * @since 5.9.0\r\n\t */\r\n\tpublic setOpacity(opacity: number) {\r\n\t\tthis.setPrivate(\"opacity\", opacity);\r\n\t\tthis.events.dispatch(\"selectedOpacity\", {\r\n\t\t\ttype: \"selectedOpacity\",\r\n\t\t\topacity: opacity,\r\n\t\t\ttarget: this\r\n\t\t});\r\n\t}\r\n\r\n\tprotected _getDefaultIcon(): SVGElement {\r\n\t\tconst icon = StockIcons.getIcon(\"Color\");\r\n\t\t$utils.addClass(icon, \"am5stock-control-icon-color\");\r\n\t\treturn icon;\r\n\t}\r\n\r\n\t/**\r\n\t * Loads the default CSS.\r\n\t *\r\n\t * @ignore Exclude from docs\r\n\t */\r\n\tpublic loadDefaultCSS(): void {\r\n\t\tconst disposer = StockToolbarCSS($utils.getShadowRoot(this._root.dom), this._root);\r\n\t\tthis._disposers.push(disposer);\r\n\t}\r\n\r\n\tpublic hide(): void {\r\n\t\tsuper.hide();\r\n\t}\r\n\r\n\tprotected _maybeMakeAccessible(): void {\r\n\t\tsuper._maybeMakeAccessible();\r\n\t\tif (this.isAccessible()) {\r\n\t\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\t\tbutton.setAttribute(\"aria-label\", button.getAttribute(\"title\") + \"; \" + this._t(\"Press ENTER or use arrow keys to navigate\"));\r\n\r\n\t\t\tif ($utils.supports(\"keyboardevents\")) {\r\n\t\t\t\tthis._disposers.push($utils.addEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\r\n\t\t\t\t\tif (document.activeElement == button) {\r\n\t\t\t\t\t\tif (ev.keyCode == 38 || ev.keyCode == 40) {\r\n\t\t\t\t\t\t\t// Open on arrows\r\n\t\t\t\t\t\t\tif (!this.get(\"active\")) {\r\n\t\t\t\t\t\t\t\tthis._handleClick();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}"]}

package/.internal/charts/stock/toolbar/DrawingControl.d.ts

@@ -117,6 +117,12 @@ export interface IDrawingControlPrivate extends IStockControlPrivate {
     toolsContainer?: HTMLDivElement;
     toolControl?: DrawingToolControl;
     eraserControl?: StockControl;
+    /**
+     * Selector mode toggler.
+     *
+     * @since 5.9.1
+     */
+    selectControl?: StockControl;
     clearControl?: StockControl;
     strokeControl?: ColorControl;
     strokeWidthControl?: DropdownListControl;
@@ -155,7 +161,7 @@ export declare class DrawingControl extends StockControl {
     protected _resetControls(): void;
     protected _initToolbar(): void;
     /**
-     * Enables or disables eraser tool.
+     * Enables or disables eraser mode.
      *
      * @since 5.3.9
      * @param  active  Eraser active

package/.internal/charts/stock/toolbar/DrawingControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawingControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DrawingControl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DrawingControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DrawingControl.ts"],"names":[],"mappings":"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"}

package/.internal/charts/stock/toolbar/DrawingControl.js

@@ -61,6 +61,67 @@ export class DrawingControl extends StockControl {
         }
         const stockChart = this.get("stockChart");
         stockChart.panels.events.onAll(() => this._updatePanelBindings());
+        stockChart.events.on("drawingselected", (ev) => {
+            // Set tool
+            const tool = this._getSeriesTool(ev.series);
+            this.set("tool", tool);
+            // Get context
+            const context = ev.series.getContext(ev.drawingId);
+            if (tool == "Label" || tool == "Callout") {
+                /**
+                 * --------------------------------------------------------------------
+                 * Labels and callouts
+                 * --------------------------------------------------------------------
+                 */
+                // Set fill
+                const settings = context.settings;
+                if (settings) {
+                    this.getPrivate("labelFillControl").setColor(settings.get("fill"));
+                    this.getPrivate("labelFontSizeControl").setItemById(settings.get("fontSize"));
+                    this.getPrivate("boldControl").set("active", settings.get("fontWeight") == "bold");
+                    this.getPrivate("italicControl").set("active", settings.get("fontStyle") == "italic");
+                    this.getPrivate("labelFontFamilyControl").setItemById(settings.get("fontFamily"));
+                }
+                // Callout background/outline
+                const bg = context.bgSettings;
+                if (bg) {
+                    const strokeControl = this.getPrivate("strokeControl");
+                    strokeControl.setColor(bg.get("stroke"));
+                    strokeControl.setOpacity(bg.get("strokeOpacity"));
+                    const fillControl = this.getPrivate("fillControl");
+                    fillControl.setColor(bg.get("fill"));
+                    fillControl.setOpacity(bg.get("fillOpacity"));
+                }
+            }
+            else {
+                /**
+                 * --------------------------------------------------------------------
+                 * The rest of the stuff
+                 * --------------------------------------------------------------------
+                 */
+                // Set stroke
+                const stroke = context.stroke || context.settings;
+                if (stroke) {
+                    const strokeControl = this.getPrivate("strokeControl");
+                    strokeControl.setColor(stroke.get("stroke"));
+                    strokeControl.setOpacity(stroke.get("strokeOpacity"));
+                    this.getPrivate("strokeWidthControl").setItemById(stroke.get("strokeWidth") + "px");
+                    this.getPrivate("strokeDasharrayControl").setItemById(JSON.stringify(stroke.get("strokeDasharray")));
+                }
+                // Set fill
+                const fill = context.fill || context.settings;
+                if (fill) {
+                    const fillControl = this.getPrivate("fillControl");
+                    fillControl.setColor(fill.get("fill"));
+                    fillControl.setOpacity(fill.get("fillOpacity"));
+                }
+                // Handle icons
+                const sprite = context.settings || context.sprite;
+                if (sprite && sprite.get("svgPath")) {
+                    this.getPrivate("iconControl").setIconByPath(sprite.get("svgPath"));
+                }
+            }
+        });
     }
     _initElements() {
         super._initElements();
@@ -275,6 +336,7 @@ export class DrawingControl extends StockControl {
             description: l.translateAny("Label font size"),
             currentItem: this.get("labelFontSize", "12px") + "",
             items: fontSizes,
+            icon: "none"
         });
         fontSizeControl.hide();
         fontSizeControl.setPrivate("toolbar", toolbar);
@@ -329,6 +391,7 @@ export class DrawingControl extends StockControl {
             description: l.translateAny("Label font family"),
             currentItem: this.get("labelFontFamily", "Arial"),
             items: fontFamilies,
+            icon: "none"
         });
         fontFamilyControl.hide();
         fontFamilyControl.setPrivate("toolbar", toolbar);
@@ -357,6 +420,25 @@ export class DrawingControl extends StockControl {
             this.set("showExtension", extensionControl.get("active") == true);
         });
         extensionControl.events.on("click", this._resetControls, this);
+        /**
+         * Select control
+         */
+        const selectControl = StockControl.new(this._root, {
+            stockChart: stockChart,
+            description: l.translateAny("Select"),
+            icon: StockIcons.getIcon("Select"),
+            active: stockChart.get("drawingSelectionEnabled", false)
+        });
+        this._disposers.push(stockChart.on("drawingSelectionEnabled", (active) => {
+            selectControl.set("active", active);
+        }));
+        selectControl.setPrivate("toolbar", toolbar);
+        toolsContainer.appendChild(selectControl.getPrivate("button"));
+        this.setPrivate("selectControl", selectControl);
+        selectControl.on("active", (_ev) => {
+            const active = selectControl.get("active", false);
+            stockChart.set("drawingSelectionEnabled", active);
+        });
         /**
          * Eraser control
          */
@@ -395,7 +477,7 @@ export class DrawingControl extends StockControl {
         }
     }
     /**
-     * Enables or disables eraser tool.
+     * Enables or disables eraser mode.
      *
      * @since 5.3.9
      * @param  active  Eraser active
@@ -459,23 +541,36 @@ export class DrawingControl extends StockControl {
         if (this.isDirty("tool") && this.get("active")) {
             this._setTool(this.get("tool"));
         }
+        const rootEvents = this._root.events;
         if (this.isDirty("strokeColor") || this.isDirty("strokeWidth") || this.isDirty("strokeOpacity") || this.isDirty("strokeDasharray")) {
-            this._setStroke();
+            rootEvents.once("frameended", () => {
+                this._setStroke();
+            });
         }
         if (this.isDirty("fillColor") || this.isDirty("fillOpacity")) {
-            this._setFill();
+            rootEvents.once("frameended", () => {
+                this._setFill();
+            });
         }
         if (this.isDirty("labelFill") || this.isDirty("labelFontSize") || this.isDirty("labelFontFamily") || this.isDirty("labelFontWeight") || this.isDirty("labelFontStyle")) {
-            this._setLabel();
+            rootEvents.once("frameended", () => {
+                this._setLabel();
+            });
         }
         if (this.isDirty("showExtension")) {
-            this._setExtension();
+            rootEvents.once("frameended", () => {
+                this._setExtension();
+            });
         }
         if (this.isDirty("drawingIcon")) {
-            this._setDrawingIcon();
+            rootEvents.once("frameended", () => {
+                this._setDrawingIcon();
+            });
         }
         if (this.isDirty("snapToData")) {
-            this._setSnap();
+            rootEvents.once("frameended", () => {
+                this._setSnap();
+            });
         }
     }
     _setTool(tool) {
@@ -507,18 +602,18 @@ export class DrawingControl extends StockControl {
             this.getPrivate("toolControl").setTool(tool);
             // Show/hide needed drawing property controls
             const controls = {
-                strokeControl: ["Average", "Callout", "Doodle", "Ellipse", "Fibonacci", "Fibonacci Timezone", "Horizontal Line", "Horizontal Ray", "Arrows & Icons", "Line", "Parallel Channel", "Polyline", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line"],
-                strokeWidthControl: ["Average", "Doodle", "Ellipse", "Horizontal Line", "Horizontal Ray", "Line", "Polyline", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line", "Parallel Channel"],
-                strokeDasharrayControl: ["Average", "Doodle", "Ellipse", "Horizontal Line", "Horizontal Ray", "Line", "Polyline", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line"],
+                strokeControl: ["Average", "Callout", "Doodle", "Ellipse", "Fibonacci", "Fibonacci Timezone", "Horizontal Line", "Horizontal Ray", "Arrows & Icons", "Line", "Parallel Channel", "Polyline", "Polyfill", "Triangle", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line"],
+                strokeWidthControl: ["Average", "Doodle", "Ellipse", "Horizontal Line", "Horizontal Ray", "Arrows & Icons", "Line", "Polyline", "Polyfill", "Triangle", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line", "Parallel Channel"],
+                strokeDasharrayControl: ["Average", "Doodle", "Ellipse", "Horizontal Line", "Horizontal Ray", "Arrows & Icons", "Line", "Polyline", "Polyfill", "Triangle", "Quadrant Line", "Rectangle", "Regression", "Trend Line", "Vertical Line"],
                 extensionControl: ["Average", "Line", "Regression", "Trend Line"],
-                fillControl: ["Callout", "Ellipse", "Quadrant Line", "Rectangle", "Parallel Channel", "Arrows & Icons", "Fibonacci Timezone"],
+                fillControl: ["Callout", "Ellipse", "Quadrant Line", "Rectangle", "Parallel Channel", "Polyfill", "Triangle", "Polyfill", "Triangle", "Arrows & Icons", "Fibonacci Timezone"],
                 labelFillControl: ["Callout", "Label"],
                 labelFontSizeControl: ["Callout", "Label"],
                 labelFontFamilyControl: ["Callout", "Label"],
                 boldControl: ["Callout", "Label"],
                 italicControl: ["Callout", "Label"],
                 iconControl: ["Arrows & Icons"],
-                snapControl: ["Callout", "Arrows & Icons", "Line", "Polyline", "Parallel Channel", "Label", "Callout", "Horizontal Line", "Horizontal Ray", "Vertical Line", "Quadrant Line", "Rectangle", "Measure", "Fibonacci"],
+                snapControl: ["Callout", "Arrows & Icons", "Line", "Polyline", "Polyfill", "Triangle", "Parallel Channel", "Label", "Callout", "Horizontal Line", "Horizontal Ray", "Vertical Line", "Quadrant Line", "Rectangle", "Measure", "Fibonacci"],
             };
             $object.each(controls, (control, tools) => {
                 const controlElement = this.getPrivate(control);
@@ -681,6 +776,29 @@ export class DrawingControl extends StockControl {
                             forceHidden: true
                         });
                         break;
+                    case "Polyfill":
+                        series = PolylineSeries.new(this._root, {
+                            series: chartSeries,
+                            xAxis: xAxis,
+                            yAxis: yAxis,
+                            fillShape: true
+                        }, template);
+                        series.fills.template.setAll({
+                            forceHidden: true
+                        });
+                        break;
+                    case "Triangle":
+                        series = PolylineSeries.new(this._root, {
+                            series: chartSeries,
+                            xAxis: xAxis,
+                            yAxis: yAxis,
+                            fillShape: true,
+                            pointCount: 3
+                        }, template);
+                        series.fills.template.setAll({
+                            forceHidden: true
+                        });
+                        break;
                     case "Quadrant Line":
                         series = QuadrantLineSeries.new(this._root, {
                             series: chartSeries,
@@ -724,7 +842,7 @@ export class DrawingControl extends StockControl {
                     series.set("valueYShow", stockChart.getSeriesDefault(chartSeries, "valueYShow"));
                     series.set("calculateAggregates", true);
                     if (stockChart.getPrivate("comparing")) {
-                        stockChart.setPercentScale();
+                        stockChart.setPercentScale(true);
                     }
                 }
             });
@@ -872,6 +990,12 @@ export class DrawingControl extends StockControl {
             else if (name == "IconSeries") {
                 return "Arrows & Icons";
             }
+            else if (name == "PolylineSeries" && series.get("pointCount") == 3) {
+                return "Triangle";
+            }
+            else if (name == "PolylineSeries" && series.get("fillShape")) {
+                return "Polyfill";
+            }
             name = $utils.addSpacing(name.replace("Series", ""));
             return name;
         }