Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Reply
newbie_but_conf
Helper II
Helper II

Creating json theme template file

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!


 

 

1 ACCEPTED SOLUTION
3CloudThomas
Super User
Super User
1 REPLY 1
3CloudThomas
Super User
Super User

Helpful resources

Announcements
July 2024 Power BI Update

Power BI Monthly Update - July 2024

Check out the July 2024 Power BI update to learn about new features.

PBI_Carousel_NL_June

Fabric Community Update - June 2024

Get the latest Fabric updates from Build 2024, key Skills Challenge voucher deadlines, top blogs, forum posts, and product ideas.

Top Solution Authors