Methods & Properties of Title - 0 | JSFiddle Sample Code

Methods & Properties of Title - 0 | JSFiddle Sample Code

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <div id="chartContainer" style="height: 275px; width: 100%;"></div>
  <button id="changeChartTitle">Change Chart Title</button>

JavaScript

var chart;
window.onload = function() {
  chart = new CanvasJS.Chart("chartContainer", {

    title: {
      text: "Chart Title",
    },

    data: [{
      type: "column",
      dataPoints: [{
          x: 10,
          y: 71
        },
        {
          x: 20,
          y: 55
        },
        {
          x: 30,
          y: 50
        },
        {
          x: 40,
          y: 65
        },
        {
          x: 50,
          y: 95
        },
        {
          x: 60,
          y: 68
        },
        {
          x: 70,
          y: 28
        },
        {
          x: 80,
          y: 34
        },
        {
          x: 90,
          y: 14
        }
      ]
    }]
  });

  chart.render();
  document.getElementById("changeChartTitle").addEventListener("click", function() {
    chart.title.set("text", "New Chart Title", false);
    chart.title.set("fontColor", "red", false);
    chart.title.set("fontSize", 26);
    this.style.display = "none";
  });
}

window.addEventListener('resize', function(){

console.log(chart.bounds);

}, true);