Using Responsive plugin to override chart’s title based on resolution

If your chart has a long chart title, it may not look good on smaller resolutions.

This demo shows how you can use our own Responsive plugin to alternate titles based on available space.

Below code will apply different titles to the chart based on chart container's width:

"responsive": {
  "enabled": true,
  "addDefaultRules": false,
  "rules": [{
    "maxWidth": 600,
    "overrides": {
      "titles": {
        "text": "Slightly shorter version of title for 600px wide charts"
      }
    }
  }, {
    "maxWidth": 400,
    "overrides": {
      "titles": {
        "text": "Even shorter title kicks in at 400px"
      }
    }
  }, {
    "maxWidth": 250,
    "overrides": {
      "titles": {
        "text": ""
      }
    }
  }]
}