Title in JQuery PivotChart widget

24 May 2019 / 3 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
              }
          }
     });
 });