Increase fontsize in value lables (sense theme)

[Bobi]

Hi! I am struggling with a task to increase the font-size in the value lables.

I am using sense theme for this purpose. First I tried to change it globally but nothing happened so I realized I need to change it for each object. I want to do it for the following objects: lineChart, barChart, comboChart and waterfallChart

It works fine for both lineChart and barChart. But comboChart and waterfallChart-graphs just get invisible (white) when using the theme. I have tried both to include waterfall and combo in the code and without but the result is the same.

The code for the JSON file is provided below (higlighted in bold is the text I added to increase the size of value lables.). This is the only part i added to the standard-code I downloaded from sensetheme.com:

{
  "_inherit": true,
  "_variables": {
    "@TitleSize": "16px",
    "@SubtitleSize": "15px",
    "@TextSize": "12px",
    "@FooterSize": "10px",
    "@TitleColor": "#888888

",
    "@SubtitleColor": "#888888

",
    "@TextColor": "#888888

",
    "@FooterColor": "#888888

",
    "@BackgroundColor": "#FFFFFF

",
    "@AxisMajorColor": "#EEEEEE

",
    "@AxisMinorColor": "#EEEEEE

"
  },  "customStyles": [
    {
      "cssRef": "theme.css",
      "classRef": "sense-theme"
    }
  ],
  "color": "@TextColor",
  "fontSize": "@TextSize",
  "backgroundColor": "@BackgroundColor",
  "dataColors": {
    "primaryColor": "#0B62AE

",
    "othersColor": "#CC9B00

",
    "errorColor": "#CC4000

",
    "nullColor": "#CCCCCC

"
  },
  "object": {
    "title": {
      "main": {
        "color": "@TitleColor",
        "fontSize": "@TitleSize"
      },
      "subTitle": {
        "color": "@SubtitleColor",
        "fontSize": "@SubtitleSize"
      },
      "footer": {
        "color": "@FooterColor",
        "fontSize": "@FooterSize",
        "backgroundColor": "#FFFFFF"
      }
    },

"barChart": {
"label": {
"name": {
"fontSize": "12px"
},
"value": {
"fontSize": "17px"
}
}
},
"lineChart": {
"label": {
"name": {
"fontSize": "12px"
},
"value": {
"fontSize": "17px"
}
}
},"comboChart": {
"label": {
"name": {
"fontSize": "12px"
},
"value": {
"fontSize": "17px"
}
}
},"waterfallChart": {
"label": {
"name": {
"fontSize": "12px"
},
"value": {
"fontSize": "17px"
}
}
},    

"label": {
      "name": {
        "color": "@TextColor",
        "fontSize": "@TextSize"
      },
      "value": {
        "color": "@TextColor",
        "fontSize": "@TextSize"
      }
    },
    "axis": {
      "title": {
        "color": "@TextColor",
        "fontSize": "@TextSize"
      },
      "label": {
        "name": {
          "color": "@TextColor",
          "fontSize": "@TextSize"
        }
      },
      "line": {
        "major": {
          "color": "#EEEEEE

"
        },
        "minor": {
          "color": "#EEEEEE

"
        }
      }
    },
    "grid": {
      "line": {
        "highContrast": {
          "color": "#EEEEEE

"
        },
        "major": {
          "color": "#EEEEEE

"
        },
        "minor": {
          "color": "#EEEEEE

"
        }
      }
    },
    "referenceLine": {
      "label": {
        "name": {
          "color": "@TextColor",
          "fontSize": "@TextSize"
        }
      },
      "outOfBounds": {
        "color": "@TextColor",
        "backgroundColor": "#FFFFFF

",
        "fontSize": "@TextSize"
      }
    },
    "legend": {
      "title": {
        "color": "@TextColor",
        "fontSize": "@TextSize"
      },
      "label": {
        "color": "@TextColor",
        "fontSize": "@TextSize"
      }
    }
  },
  "palettes": {
    "data": [],
    "ui": []
  },
  "scales": []
}

[stevedark]

Hi @Bobi 

Good call using https://www.sensetheme.com/ . Could you not have changed the font sizes there to be what you want? You could create another theme there with the changed font sizes and compare it to your previous one. Or, better still, get the premium version of Sense Theme and you can store, upload (I think) and come back to existing themes. @barryharmsen (one of the creators of Sense Theme) should be well placed to give some pointers.

Steve

[Bobi]

Hi @stevedark 

Doesnt seem possible. I have tried it before (just using their standard theme and changing the value labels size. I think that this needs to be done on each individual object (barchart, linechart, combochart and so on).

I basically just want normal sense theme (like sense classic) with the only change that I want larger font style on value labels. If anyone has the solution for that (@barryharmsen ?) I would be very happy.

/ Bobi

[stevedark]

Hi @Bobi 

That is quite possible. I know this was the case with theme files in QlikView, but I've not spent so much time with themes in Sense. I find the defaults tend to work okay for most things.

Hopefully someone will give you some pointers.

[morenoju]

I've been trying to increase the font size of value labels too, but unfortunately it does not seem possible.

Has anybody been able to do it?

[RamanaKumarChintalapati]

It is possible with in Chart Properties, Follow the below navigation.

Appearance --> Presentation --> Styling --> Chart