zoukankan      html  css  js  c++  java
  • PowerBI主题制作

    简单主题:

    {
        "name": "St Patricks Day",
        "dataColors": ["#568410", "#3A6108", "#70A322", "#915203", "#D79A12", "#bb7711", "#114400", "#aacc66"],
        "background":"#FFFFFF",
        "foreground": "#3A6108",
        "tableAccent": "#568410"
    }

    复杂的全局主题:

    {
    "name": "test",
        "dataColors": ["#568410", "#3A6108", "#70A322", "#915203", "#D79A12", "#bb7711", "#114400", "#aacc66"],
        "background":"#915203",
        "foreground": "#FFFFFF",
        "tableAccent": "#568410",
    	
    	"visualStyles": {
            "*": {
                "*": {
                    "title": [{
                        "show": true,
                        "fontColor": { "solid": { "color": "#FFFFFF" } }, 
                        "alignment": "center",
                        "fontSize": 14,
                        "fontFamily": "Verdana"
                    }],
    				"*":[{
    					"fontColor":{ "solid": { "color": "#FFFFFF" } }
    				}]
    			}
    		},
    		"tableEx": {  
    			"*": {
    				"grid": [{
    					"gridVertical": true,
    					"gridVerticalColor": { "solid": { "color": "#3A6108"}},
    					"gridVerticalWeight": 2,
    					"gridHorizontal": true,
    					"gridHorizontalColor": { "solid": { "color": "#3A6108"}},
    					"gridHorizontalWeight": 2,
    					"rowPadding": 2,
    					"outlineColor": { "solid": { "color": "#3A6108"}},
    					"outlineWeight": 2,
    					"textSize": 14,
    					"imageHeight": 100
    				}],
    				"columnHeaders": [{ 
    					"fontColor": { "solid": { "color": "#FFFFFF"}}, 
    					"backColor": { "solid": { "color": "#3A6108"}}, 
    					"outline": "Frame",
    					"autoSizeColumnWidth": true,
    					"fontSize": 12,
    					"alignment": "Left",
    					"wordWrap": true
    				}],
    				"values": [{  
    					"fontColorPrimary": { "solid": { "color": "#FFFFFF"}},  
    					"backColorPrimary": { "solid": { "color": "#3A6108"}},  
    					"fontColorSecondary": { "solid": { "color": "#FFFFFF"}}, 
    					"backColorSecondary": { "solid": { "color": "#3A6108"}}, 
    					"outline": "Frame",
    					"urlIcon": true,
    					"wordWrap": true,
    					"fontSize": 11
    				}]
    			}		
    		},
    		"page": {
                "*": {
                    "background": [{
                        "color": { "solid": { "color": "#A1740E" } },
                        "transparency": 50
                    }],
                    "outspace": [{
                        "color": { "solid": { "color": "#8DBFE8" } },
                        "transparency": 50
                    }]
                }
            }
    	}
    }

    参考资料:https://zhuanlan.zhihu.com/p/42996993

    如果需要对每一个图表(可视化对象)进行设置,可以去github上看示例,这个项目有所有的图表设置的例子:

  • 相关阅读:
    JS 中 原生方法 (四) --- Object
    在 JavaScript 中 prototype 和 __proto__ 有什么区别
    VueJs 源码分析 ---(一) 整体对 vuejs 框架的理解
    Node.js API 初解读(三)
    npm 包的 发布 流程
    JS 中 原生方法 (三) --- Date 日期
    JS 中 原生方法 (二) --- 数组 (修---添加ES6新增)
    Mac 下VIM配置
    css预处理器(sass)
    BFC 神奇背后的原理
  • 原文地址:https://www.cnblogs.com/weiqi/p/9853639.html
Copyright © 2011-2022 走看看