Hi,
I'm trying to create a json theme for my business, but running into trouble when trying to be specific about each visual. I'm able to get things to work for a general visual style, but I would like to specify each visual by itself.
Below in my file, it seems that my clusteredbarchart is not applying what I want. I've tried removing the "visualstyles" right above clusteredbarchart, but that creates an error (the two lines I've commented out to show which lines I'm talking about). When adding those to lines back in it's runs, but nothing happens. Can anyone help me get this to work for just this visual? Then I hope i can add additional ones without issues.
{
"name": "Testing",
"dataColors": ["#F32345", "#6C0819", "#FDD3DA", "#008FFB", "#00365F", "#00A25E", "#003B23", "#F44900", "#5E1C00"],
"firstLevelElements": "#292A2C",
"secondLevelElements": "#292A2C",
"thirdLevelElements": "#F7F7F8",
"fourthLevelElements": "#F7F7F8",
"background": "#F7F7F8",
"secondaryBackground": "#292A2C",
"tableAccent": "#292A2C",
"good": "#6BF198",
"neutral": "#FFD046",
"bad": "#FF9A24",
"maximum": "#F32345",
"center": "#6C0819",
"minimum": "#FDD3DA",
"null": "#FFFFFF",
"textClasses": {
"callout": {
"fontSize": 32,
"fontFace": "Segoe UI",
"color": "#0D0D0E"
},
"title": {
"fontSize": 14,
"fontFace": "Segoe UI",
"color": "#0D0D0E"
},
"header": {
"fontSize": 12,
"fontFace": "Segoe UI Semibold",
"color": "#0D0D0E"
},
"label": {
"fontSize": 12,
"fontFace": "Segoe UI",
"color": "#0D0D0E"
}
},
"visualStyles": {
"page": {
"*": {
"background": [{
"color": { "solid": { "color": "#F7F7F8" } },
"transparency": 0
}],
"outspace": [{
"color": { "solid": { "color": "#F7F7F8" } },
"transparency": 0
}],
"outspacePane": [{
"backgroundColor": { "solid": { "color": "#FFFFFF" } },
"foregroundColor": { "solid": { "color": "#292A2C" } },
"borderColor": { "solid": { "color": "#292A2C" } },
"transparency": 0,
"titleSize": 12,
"headerSize": 9,
"fontFamily": "Segoe UI",
"border": true
}],
"filterCard": [
{
"$id": "Applied",
"backgroundColor": { "solid": { "color": "#FFFFFF" } },
"foregroundColor": { "solid": { "color": "#292A2C" } },
"borderColor": { "solid": { "color": "#292A2C" } },
"inputBoxColor": { "solid": { "color": "#FFFFFF" } },
"transparency": 0,
"textSize": 10,
"fontFamily": "Segoe UI",
"border": true
},
{
"$id": "Available",
"backgroundColor": { "solid": { "color": "#FFFFFF" } },
"foregroundColor": { "solid": { "color": "#292A2C" } },
"borderColor": { "solid": { "color": "#292A2C" } },
"inputBoxColor": { "solid": { "color": "#FFFFFF" } },
"transparency": 0,
"textSize": 10,
"fontFamily": "Segoe UI",
"border": true
}
]
}
},
// "visualStyles": {
"clusteredBarChart": {
"*": {
"general": [{
"responsive": true,
"keepLayerOrder": true
}],
"legend": [{
"show": true,
"position": "Bottom",
"showTitle": true,
"titleText": "",
"labelColor": { "solid": { "color": "#01B8AA"}},
"fontFamily": "Courier New",
"fontSize": 18
}],
"categoryAxis": [{
"show": true,
"position": "Right",
"labelColor": { "solid": { "color": "#01B8AA"}},
"fontSize": 14,
"fontFamily": "Courier New",
"preferredCategoryWidth": 30,
"maxMarginFactor": 28,
"innerPadding": 22,
"concatenateLabels": true,
"showAxisTitle": true,
"axisStyle": "showTitleOnly",
"titleColor": { "solid": { "color": "#01B8AA"}},
"titleText": "asdf",
"titleFontSize": 12,
"titleFontFamily": "Segoe UI"
}],
"valueAxis": [{
"show": true,
"position": "Right",
"axisScale": "Linear",
"start": 0,
"end": 10,
"labelColor": { "solid": { "color": "#01B8AA"}},
"fontSize": 14,
"fontFamily": "Courier New",
"labelDisplayUnits": "0",
"labelPrecision": "Auto",
"showAxisTitle": true,
"axisStyle": "showTitleOnly",
"color": { "solid": { "color": "01B8AA"}},
"titleText": "asdf",
"titleFontSize": 12,
"titleFontFamily": "Courier New",
"gridlineShow": true,
"gridlineColor": { "solid": { "color": "#01B8AA"}},
"gridlineThickness": 2,
"gridlineStyle": "dashed"
}],
"dataPoint": [{
"defaultColor": { "solid": { "color": "#448822"}}
}],
"labels": [{
"show": true,
"color": { "solid": { "color": "#EEEEEE"}},
"labelDisplayUnits": "0",
"labelPrecision": 1,
"labelPosition": "OutsideEnd",
"fontSize": 11,
"fontFamily": "Courier New",
"enableBackground": true,
"backgroundColor": { "solid": { "color": "#0928DD"}},
"backgroundTransparency": 30
}],
"plotArea": [{
"transparency": 20
}]
}
}
// }
}
}
Thanks!
