jQWidgets Forums

jQuery UI Widgets Forums Chart Chart axis font type/size change Reply To: Chart axis font type/size change

Chart axis font type/size change #54002

Peter Stoev
Keymaster

Hi Peter,

Chart fonts are defined in jqx.base.css. Below are the default CSS settings which you can edit in the file or on your page:

/*jqxChart Style*/
.jqx-chart-axis-text,
.jqx-chart-label-text, 
.jqx-chart-tooltip-text, 
.jqx-chart-legend-text
{
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}
.jqx-chart-axis-description
{
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}
.jqx-chart-title-text
{
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}
.jqx-chart-title-description
{
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com