AnyChart AnyChart JavaScript Charts designed to be embedded and integrated

                     anychart.onDocumentReady(function () {
    var data = [
        {x: 'Health Care', value: 37},
        {x: 'Education', value: 31},
        {x: 'Pensions', value: 23},
        {x: 'General Government', value: 21},
        {x: 'Transportation', value: 9},
        {x: 'Defense', value: -5},
        {x: 'Welfare', value: -15},
        {x: 'Other Spending', value: -27}
    ];

    var weights = [9, 25, 10, 8, 12, 19, 11, 6];

    // create barmekko chart with data
    var chart = anychart.barmekko(data);
    // set chart title text settings
    chart.title('Projected Annual Growth in Federal Budget Spending 2014-2018');

    // set labels settings
    chart.labels()
            .enabled(true)
            .fontColor('#fff')
            .position('center')
            .format(function () {
                if (this.value > 0) {
                    return '+' + this.value + '%'
                } else {
                    return this.value + '%'
                }
            });

    // set weights
    chart.xScale().weights(weights);
    // format y-axis labels
    chart.yAxis().labels().format('{%Value}%');
    // set tooltip settings
    chart.tooltip().format('Value: {%Value}%');
    // set container id for the chart
    chart.container('container');
    // initiate chart drawing
    chart.draw();
});