Shape

TheΒ "shape"Β section comes with a lot of properties because you can define the same things (font styles, colors, shapes, etc.) for four different states:

Syntax

{
    "name": "LeanProductivity",
    "visualStyles": {
		"shape": {
			"*": {
				"fill": [{
					"$id": "default",
					"image": { "name": "", "url": "", "scaling": "Normal" },
					"fillColor": { "solid": { "color": "#1C1C1C" } },
					"transparency": 0
					},
					{
					"$id": "hover",
					"image": { "name": "", "url": "", "scaling": "Normal" },
					"fillColor": { "solid": { "color": "#0066FF" } },
					"transparency": 0
					},
					{
					"$id": "selected",
					"image": { "name": "", "url": "", "scaling": "Normal" },
					"fillColor": { "solid": { "color": "#25D0F7" } },
					"transparency": 0
					},
					{
					"$id": "disabled",
					"image": { "name": "", "url": "", "scaling": "Normal" },
					"fillColor": { "solid": { "color": "#B3B3B3" } },
					"transparency": 0
					},
					{
					"show": true
				}],
				"shape": [{
					"tileShape": "rectangle",
					"roundEdge": 5,
					"linecapType": "flat"
				  }],
				"outline": [{
					"$id": "default",
					"roundEdge": 0,
					"lineColor": { "solid": { "color": "#1C1C1C" } },
					"weight": 1,
					"transparency": 0
					},
					{
					"$id": "hover",
					"roundEdge": 0,
					"lineColor": { "solid": { "color": "#0D6ABF" } },
					"weight": 1,
					"transparency": 0
					},
					{
					"$id": "selected",
					"roundEdge": 0,
					"lineColor": { "solid": { "color": "#25D0F7" } },
					"weight": 1,
					"transparency": 0
					},
					{
					"$id": "disabled",
					"roundEdge": 0,
					"lineColor": { "solid": { "color": "#B3B3B3" } },
					"weight": 1,
					"transparency": 0
					},
					{
					"show": true
				}],
				"text": [{
					"$id": "default",
					"text": "text",
					"fontColor": { "solid": { "color": "#FFFFFF" } },
					"fontSize": 10,
					"fontFamily": "Segoe UI",
					"bold": false,
					"italic": false,
					"underline": false,
					"verticalAlignment": "middle",
					"horizontalAlignment": "center",
					"rightMargin": 0,
					"leftMargin": 0,
					"topMargin": 0,
					"bottomMargin": 0
				},
				{
					"$id": "hover",
					"text": "text",
					"fontColor": { "solid": { "color": "#FFFFFF" } },
					"fontSize": 10,
					"fontFamily": "Segoe UI",
					"bold": false,
					"italic": false,
					"underline": false,
					"verticalAlignment": "middle",
					"horizontalAlignment": "center",
					"rightMargin": 0,
					"leftMargin": 0,
					"topMargin": 0,
					"bottomMargin": 0
				},
				{
					"$id": "selected",
					"text": "text",
					"fontColor": { "solid": { "color": "#000000" } },
					"fontSize": 10,
					"fontFamily": "Segoe UI",
					"bold": false,
					"italic": false,
					"underline": false,
					"verticalAlignment": "middle",
					"horizontalAlignment": "center",
					"rightMargin": 0,
					"leftMargin": 0,
					"topMargin": 0,
					"bottomMargin": 0
				},
				{
					"$id": "disabled",
					"text": "text",
					"fontColor": { "solid": { "color": "#000000" } },
					"fontSize": 10,
					"fontFamily": "Segoe UI",
					"bold": false,
					"italic": false,
					"underline": false,
					"verticalAlignment": "middle",
					"horizontalAlignment": "center",
					"rightMargin": 0,
					"leftMargin": 0,
					"topMargin": 0,
					"bottomMargin": 0
				},
				{
					"show": true
				}],
				"shadow": [{
					"show": false
					},
					{
					"$id": "default",
					"color": { "solid": { "color": "#000000" } },
					"transparency": 0,
					"shadowBlur": 0,
					"shadowPositionPreset": "bottomRight",
					"angle": 45,
					"shadowDistance": 50
				}],
				"glow": [{
					"show": false
					},
					{
					"$id": "default",
					"color": { "solid": { "color": "#118DFF" } },
					"transparency": 0,
					"shadowBlur": 40
				}],
				"rotation": [{
					"angle": 0,
					"shapeAngle": 0,
					"textAngle": 0
				}],
				"title": [{
					"show": false,
					"heading": "Heading3",
					"titleWrap": true,
					"fontColor": { "solid": { "color": "#DBDBDB" } },
					"background": { "solid": { "color": "#003E80"	} },
					"alignment": "left",
					"fontSize": 11,
					"fontFamily": "Segoe UI Semibold",
					"bold": false,
					"italic": false,
					"underline": false
				}],
				"subTitle": [{
					"show": false,
					"heading": "Heading4",
					"fontFamily": "Segoe UI",
					"fontSize": 9,
					"bold": false,
					"italic": false,
					"underline": false,
					"fontColor": { "solid": { "color": "#DBDBDB" } },
					"alignment": "left",
					"titleWrap": true
				}],
				"divider": [{
					"show": false,
					"color": { "solid": { "color": "#003E80" } },
					"style": "dotted",
					"width": 1,
					"ignorePadding": true
				}],
				"spacing_": [{
					"customizeSpacing": false,
					"verticalSpacing": 5,
					"spaceBelowTitle": 5,
					"spaceBelowSubTitle": 5,
					"spaceBelowTitleArea": 5
				}],
				"background": [{
					"show": false,
					"color": { "solid": { "color": "#1B2631" } },
					"transparency": 0
				}],
				"lockAspect_": [{
					"show": false
				} ],
				"border": [{
					"color": { "solid": { "color": "#1B2631" } },
					"show": false,
					"radius": 5
				}],
				"dropShadow_": [{
					"show": false,
					"color": { "solid": { "color": "#252423" } },
					"position": "Outer",
					"preset": "BottomRight",
					"shadowSpread": 3,
					"shadowBlur": 10,
					"angle": 45,
					"shadowDistance": 10,
					"transparency": 70
				}],
				"visualTooltip": [{
					"show": false,
					"type": "Canvas",
					"titleFontColor": { "solid": { "color": "#FFFFFF"	} },
					"valueFontColor": { "solid": { "color": "#FFFFFF" } },
					"actionFontColor": { "solid": { "color": "#25D0F7" } },
					"fontSize": 12,
					"fontFamily": "Segoe UI",
					"bold": false,
					"italic": false,
					"underline": false,
					"background": { "solid": { "color": "#1C1C1C" } },
					"transparency": 5,
					"page": "Auto"
				}],
				"visualHeader": [{
					"show": false,
					"background": { "solid": { "color": "#1C1C1C"	} },
					"border": { "solid": { "color": "#1C1C1C"	} },
					"transparency": 0,
					"foreground": { "solid": { "color": "#25D0F7" } },
					"showVisualInformationButton": false,
					"showVisualWarningButton": false,
					"showVisualErrorButton": true,
					"showDrillRoleSelector": true,
					"showDrillUpButton": true,
					"showDrillToggleButton": true,
					"showDrillDownLevelButton": true,
					"showDrillDownExpandButton": true,
					"showPinButton": true,
					"showFocusModeButton": true,
					"showFilterRestatementButton": true,
					"showSeeDataLayoutToggleButton": false,
					"showOptionsMenu": true,
					"showTooltipButton": false,
					"showCommentButton": false,
					"showPersonalizeVisualButton": true,
					"showSmartNarrativeButton": false
				}]
			}
		}
    }
}

Effect

Shape.png

Settings

With the chart selected

Shape Settings.png

Back to Included Visuals

Related

Action Button