jQWidgets Forums

jQuery UI Widgets Forums Chart Chart axis font type/size change

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 11 years, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Chart axis font type/size change #53995

    pkasson
    Participant

    Hi,

    Is it possible to change the font size/type on an axis (x-axis) ? Based on the amount of data in the series, the labels overlap and I would like to shrink the font just a little.

    Thanks,

    Peter

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.