M.App Enterprise Discussions

Discuss topics with other M.App Enterprise Product pioneers and experts to get the most out of it.
Showing results for 
Search instead for 
Do you mean 
Reply
Highlighted
Valued Contributor
Posts: 671
Registered: ‎10-27-2015

Feature Analyzer font size in data table chart

Dear all,

is it possible to modify the font size of the text in a Data Table chart?

I know that is possible to modify the title of the chart, but inside the rows?

 

thanks

Highlighted
Valued Contributor
Posts: 671
Registered: ‎10-27-2015

Re: Feature Analyzer font size in data table chart

Any news about this?

Highlighted
Valued Contributor
Posts: 671
Registered: ‎10-27-2015

Re: Feature Analyzer font size in data table chart

This issue (can't change font size) concerns also other kind of charts

Highlighted
Technical Evangelist
Posts: 1,315
Registered: ‎09-11-2015

Re: Feature Analyzer font size in data table chart

Hi Giuseppe,

 

This can be done by CSS styling via a Functional Attribute, e.g.:

if (rowId === 0) {
  var style = document.createElement('style');
  style.type = 'text/css'; 
  style.innerHTML += '.dc-chart g.row text { text-size: 12pt } \n';
  style.id = "RowChartOverriseFontStyle";

  // remove existing style if present
  var headElement = document.getElementsByTagName('head')[0];
  var existingClusterStyle = document.getElementById('RowChartOverriseFontStyle');
  if (existingClusterStyle)
    headElement.removeChild(existingClusterStyle);
  headElement.appendChild(style);
}

 

 

Jan Neumann
Post Sales Engineer Web Applications
Hexagon Geospatial

Highlighted
Valued Contributor
Posts: 671
Registered: ‎10-27-2015

Re: Feature Analyzer font size in data table chart

Thanks

Highlighted
Staff
Posts: 16
Registered: ‎04-04-2018

Re: Feature Analyzer font size in data table chart

[ Edited ]

Try this (target class is dc-table-column):

 

if (rowId === 0) {
  var style = document.createElement('style');
  style.type = 'text/css'; 
  style.innerHTML += '.dc-table-column { font-size: 16px !important } \n';
  style.id = "RowChartOverriseFontStyle";
 
  // remove existing style if present
  var headElement = document.getElementsByTagName('head')[0];
  var existingClusterStyle = document.getElementById('RowChartOverriseFontStyle');
  if (existingClusterStyle)
    headElement.removeChild(existingClusterStyle);
  headElement.appendChild(style);
}