QlikSense主题开发

// 主题是qliksense 2018年2月版提出，4月版正式实施，其实就是去修改sense默认的.json文件和.css文件

{
  // 定义自定义主题是否从默认主题（Sense Classic）继承样式属性。JSON文件中定义的属性会覆盖继承的属性。默认ture
  "_inherit": false,
  //（可选） 可以在JSON文件中引用的变量。
  "_variables": {
    "@default": "#555555",
    "@dark": "#333333",
    "@light": "#eeeeee", "@H1": "24px", "@H2": "18px", "@H3": "14px", "@H4": "13px", "@H5": "12px", "@font-normal": "12px" }, // （可选） 引用将在应用主题时插入的自定义样式表。 "customStyles": [{ "cssRef": "theme.css", "classRef": "my-theme" }], // 字体颜色。可以通过在任何支持颜色的级别上定义颜色属性来覆盖此设置 "color": "@default", // 字体大小。可以通过在支持fontSize的任何级别上定义fontSize属性来覆盖此设置 "fontSize": "@font-normal", // 图表的背景颜色。可以通过在图表类型级别定义背景颜色属性来覆盖此设置。 "backgroundColor": "@light", // 对象样式。 "object": { // 标题属性。可以通过在图表类型级别定义title属性来覆盖此设置。 "title": { // 主标题 "main": { "color": "@default", "fontSize": "@font-normal" }, // 副标题 "subTitle": { "color": "@default", "fontSize": "@font-normal" }, // 脚标题 "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, // 标签属性。可以通过在图表类型级别为具有标签的图表定义label属性来覆盖此设置。 // 以下图表类型支持标签属性： // barChart 条形图 (label.name.color; label.value.fontSize) // gauge 仪表盘 (label.name.color;) // histogram 直方图 (label.name.color; label.value.fontSize) // lineChart 线型图 (label.name.color; label.value.fontSize) // pieChart 饼图 (label.name.color; label.name.fontSize;label.value.fontSize) //scatterPlot 散点图 (label.name.color; label.value.fontSize) // waterfallChart 瀑布图 (label.value.fontSize) "label": { // 标签名称属性。 "name": { "color": "@default", "fontSize": "10px" }, // 标签值属性。 "value": { "color": "@default", "fontSize": "10px" } }, // 轴属性。通过在图表类型级别上为具有轴的图表（条形图，箱形图，组合图，分布图，仪表，直方图，折线图，散点图和瀑布图）定义轴属性，可以覆盖此设置。 // 对于饼图，可以覆盖axis.title并用于为尺寸标签设置样式。 "axis": { // 轴标题属性。 "title": { "fontSize": "@font-normal", "color": "@default" }, // 轴标签属性。 "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, // 轴线属性。 "line": { "major": { "color": "@default" }, "minor": { "color": "@default" } } }, // 网格属性。无法在图表类型级别覆盖此设置。 "grid": { // 线属性 "line": { // 高对比度 "highContrast": { "color": "@default" }, // 主要 "major": { "color": "@default" }, // 次要 "minor": { "color": "@default" } } }, // 参考线属性。无法在图表类型级别覆盖此设置。 "referenceLine": { // 标签属性 "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, // 超出范围的属性。 "outOfBounds": { "color": "@default", "backgroundColor": "@default", "fontSize": "@H6" } }, // 图例 通过在图表类型级别为带有图例的图表（条形图，组合图，折线图，饼图，散点图，树图，瀑布图）定义图例属性，可以覆盖此设置。 "legend": { // 图例标题 "title": { "color": "@default", "fontSize": "@font-normal" }, // 图例标签 "label": { "color": "@default", "fontSize": "@font-normal" } }, // 图表类型 这些是可以存在于对象结构中的常见图表类型属性。为每个图表列出的属性是特定的 // 大多数全局对象属性也可以在图表类型级别上定义。如果完成，则覆盖全局对象级别上设置的属性。 // 条形图 "barChart": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, "axis": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, "line": { "major": { "color": "@default" }, "minor": { "color": "@default" } } }, "legend": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "fontSize": "@font-normal", "color": "@default" } }, "label": { "value": { "color": "@default", "fontSize": "@font-normal" } }, // 超出范围的属性。 "outOfRange": { "color": "@default" } }, // 箱型图 "boxPlot": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, "axis": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, "line": { "major": { "color": "@default" }, "minor": { "color": "@default" } } }, "box": { "whisker": { "stroke": "@default" }, "line": { "stroke": "@default" }, "box": { "fill": "@default", "stroke": "@default" } } }, // 组合图 "comboChart": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, "axis": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, "line": { "major": { "color": "@default" }, "minor": { "color": "@default" } } }, "legend": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "fontSize": "@font-normal", "color": "@default" } } }, // 分布图 "distributionPlot": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, "axis": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, "line": { "major": { "color": "@default" }, "minor": { "color": "@default" } } }, "box": { "fill": "@default" } }, // 过滤器？ "filterpane": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } } }, // 仪表盘 "gauge": { "backgroundColor": "@light", "title": { "main": { "color": "@default", "fontSize": "@font-normal" }, "subTitle": { "color": "@default", "fontSize": "@font-normal" }, "footer": { "color": "@default", "fontSize": "@font-normal", "backgroundColor": "@light" } }, "axis": { "title": { "fontSize": "@font-normal", "color": "@default" }, "label": { "name": { "color": "@default", "fontSize": "@font-normal" } }, "line": { "major": { "color": "@default" }, "minor"

转载于:https://www.cnblogs.com/shengnan-2017/p/9274635.html