Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
Bobi
Partner - Contributor II
Partner - Contributor II

Increase fontsize in value lables (sense theme)

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": []
}

 

 

 

Labels (3)
5 Replies
stevedark
Partner Ambassador/MVP
Partner Ambassador/MVP

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
Partner - Contributor II
Partner - Contributor II
Author

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
Partner Ambassador/MVP
Partner Ambassador/MVP

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
Partner - Specialist
Partner - Specialist

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
Partner - Contributor III
Partner - Contributor III

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

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