jQuery Chart

Set the title property of the jqxChart. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='chartContainer' style="width: 850px; height: 500px"></div>

JavaScript

// prepare chart data as an array
var sampleData = [{
    Day: 'Monday',
    Running: 0.2,
    Swimming: 30,
    Cycling: 25
}, {
    Day: 'Tuesday',
    Running: 25,
    Swimming: 25,
    Cycling: 0
}, {
    Day: 'Wednesday',
    Running: 30,
    Swimming: 0,
    Cycling: 25
}, {
    Day: 'Thursday',
    Running: 35,
    Swimming: 25,
    Cycling: 45
}, {
    Day: 'Friday',
    Running: 0,
    Swimming: 20,
    Cycling: 25
}, {
    Day: 'Saturday',
    Running: 30,
    Swimming: 0,
    Cycling: 30
}, {
    Day: 'Sunday',
    Running: 60,
    Swimming: 45,
    Cycling: 0
}];

// prepare jqxChart settings
var settings = {
    title: "Fitness & exercise weekly scorecard",
    description: "Time spent in vigorous exercise by activity",
    enableAnimations: true,
    showLegend: true,
    padding: {
        left: 5,
        top: 5,
        right: 5,
        bottom: 5
    },
    titlePadding: {
        left: 90,
        top: 0,
        right: 0,
        bottom: 10
    },
    source: sampleData,
    xAxis: {
        dataField: 'Day',
        tickMarks: {
            visible: true,
            interval: 1,
            color: '#BCBCBC'
        },
        gridLines: {
            visible: true,
            interval: 1,
            color: '#BCBCBC'
        },
        axisSize: 'auto'
    },
    valueAxis: {
        unitInterval: 10,
        title: {
            text: 'Time in minutes'
        },
        tickMarks: {
            color: '#BCBCBC'
        },
        gridLines: {
            color: '#BCBCBC'
        },
        labels: {
            horizontalAlignment: 'right',
            formatSettings: {
                sufix: '%'
            }
        }
    },
    colorScheme: 'scheme08',
    seriesGroups: [{
        type: 'stackedcolumn100',
        columnsGapPercent: 100,
        seriesGapPercent: 5,
        series: [{
            dataField: 'Running',
            displayText: 'Running',
            fillColor: '#FF0000'
        }, {
            dataField: 'Swimming',
  ...