Title in JQuery PivotChart widget

24 May 20193 minutes to read

Title in JQuery PivotChart widget text

By using the title.text property, you can add the title text for the pivot chart.

JAVASCRIPT

$(function () {
    $("#PivotChart1").ejPivotChart(
       ....
       //Adding Chart title
       title: {
          text: "PivotChart"
       },
       //....
    });
});

Title in JQuery PivotChart widget alignment

By using the title.textAlignment property, you can align the title text of the pivot chart control to center, far, or near.

JAVASCRIPT

$(function () {
    $("#PivotChart1").ejPivotChart(
       ....
       title: {
            text: "PivotChart",
            //Change title text alignment
            textAlignment: "near"
       },
       //....
    });
});

Title in JQuery PivotChart widget customization

By using the title property, you can add the title text for X-axis and Y-axis. The title text can be customized by using the text and font properties. By setting the enableTrim to true, the title text can be trimmed based on its length.

JAVASCRIPT

$(function () {
       $("#PivotChart1").ejPivotChart(
            //...
          primaryXAxis: {
              //Customizing X-axis title
              title: {
                 text: "Country",
                 font: {
                    fontFamily: 'Segoe UI',
                    size: '16px',
                    fontWeight: 'bold',
                    color: 'grey',
                 },
                 enableTrim: true
              }
          }
     });
 });