Label Size in bar chart

[Gabbar]

Ihave just started working in a theme and dont know how to do much in it, i am really confused, i just want to increase the size of the labels in the area , can anyone please explain it to me from basics on how to it, It is really troubling me.

[Digvijay_Singh]

What version you are in, as I know the latest release supports font size change.

I recently did that using theme change, we are still 2 release old so needed theme change. Here is the JSON file in case you want to utilize, you may need to customize it based on your need.

{
"_inherit": true,
"_variables": {
"@blue2Color": "#0E75BB",
"@green1Color": "#00A69D",
"@brown4Color": "#DC582A",
"@brown2Color": "#F7931D",
"@blue3Color": "#0B588C",
"@green2Color": "#007D76",
"@brown3Color": "#C86F07",
"@blue1Color": "#53B2F2",
"@grey1Color": "#858585",
"@brown1Color": "#FABE77",
"@cyanColor": "#31FFF4",
"@grey2Color": "#4A4A4A",
"@red1Color": "#B80F15",
"@default": "#4A4A4A",
"@whiteColor": "#FFFFFF",
"@blackColor": "#000000",
"@font-normal": "14px",
"@fontcolor":"#4A4A4A"
},
"color": "@fontcolor",
"backgroundColor": "@backColor",
"dataColors": {
"primaryColor": "#0E75BB",
"othersColor": "#00A69D",
"errorColor": "#B80F15",
"nullColor": "#858585"
},
"object": {
"barChart" : {
"label": {
"name": {
"color": "@blackColor",
"fontSize": "@font-normal"
},
"value": {
"color": "@blackColor",
"fontSize": "@font-normal"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"color": "@blackColor"
},
"label": {
"name": {
"color": "@blackColor"
}
}
},
"legend": {
"title": {
"color": "@blackColor",
"fontSize": "@font-normal"

},
"label": {
"color": "@blackColor",
"fontSize": "@font-normal"
}
}
},
"lineChart" : {
"label": {
"name": {
"color": "@blackColor",
"fontSize": "@font-normal"
},
"value": {
"color": "@blackColor",
"fontSize": "@font-normal"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"color": "@blackColor"
},
"label": {
"name": {
"color": "@blackColor"
}
}
},
"legend": {
"title": {
"color": "@blackColor",
"fontSize": "@font-normal"

},
"label": {
"color": "@blackColor",
"fontSize": "@font-normal"
}
}
}
},
"palettes": {
"data": [
{
"name": "Premise colors",
"translation": "Premise colors",
"propertyValue": "14",
"type": "row",
"scale": [
"@blue2Color",
"@green1Color",
"@brown4Color",
"@brown2Color",
"@blue3Color",
"@green2Color",
"@brown3Color",
"@blue1Color",
"@grey1Color",
"@brown1Color",
"@cyanColor",
"@grey2Color",
"@red1Color"
]
},
{
"name": "Light colors",
"translation": "Light colors",
"propertyValue": "11",
"type": "row",
"scale": [
"@blue1Color",
"@grey1Color",
"@green1Color",
"@brown1Color"
]
},
{
"name": "Dark colors",
"translation": "Dark colors",
"propertyValue": "10",
"type": "row",
"scale": [
"@blue3Color",
"@green2Color",
"@red1Color",
"@brown4Color",
"@grey2Color"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"none",
"@blue2Color",
"@green1Color",
"@brown4Color",
"@brown2Color",
"@blue3Color",
"@green2Color",
"@brown3Color",
"@blue1Color",
"@grey1Color",
"@brown1Color",
"@cyanColor",
"@grey2Color",
"@red1Color"
]
}
]
},
"scales": [
{
"name": "Sequential gradient",
"translation": "Light colors sequential gradient",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"@blue1Color",
"@blue3Color"
]
},
{
"name": "Sequential classes",
"translation": "Light colors sequential classes",
"propertyValue": "sc",
"type": "class",
"scale": [
"@blue1Color",
"@blue3Color"
]
},
{
"name": "Diverging gradient",
"translation": "Dark colors diverging gradient",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"@blue3Color",
"@red1Color"
]
},
{
"name": "Diverging classes",
"translation": "Dark colors diverging classes",
"propertyValue": "dc",
"type": "class",
"scale": [
"@blue3Color",
"@red1Color"
]
}
]
}