MVC5 Classic
Style the Axis Labels

To modify the X-Axis and Y-axis label color and font size use the following code:

$(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            axis: {
                y: {
                    text: "Percentage (%)",
                    textStyle: {
                        fill: "#6633ff",
                        "font-size": "11pt"
                    }
                },
                x: {
                    text: "Graphics Card"
                }
         });
    });

This topic illustrates the following:

The following image shows the Y-Axis label’s font size and forecolor modified. The font size was modified using the “font-size” option and the forecolor was modified using the fill option.

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback