html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    //create data set on our data

    var dataSet = anychart.data.set([

        ['Parking\nDifficult', 95],

        ['Sales\nRep', 60],

        ['Poor\nLighting', 45],

        ['Layout\nConfusing', 37],

        ['Sizes\nLimited', 30],

        ['Clothing\nFaded', 27],

        ['Clothing\nShrank', 18]

    ]);

​

    //create pareto chart

    var chart = anychart.pareto(dataSet);

​

    //get pareto column series and set settings

    var column = chart.getSeriesAt(0);

    column.name('Column');

    column.fill(function () {

        if (this.rf < 10) {

            return '#E24B26'

        } else {

            return this.sourceColor;

        }

    });

    column.stroke(function () {

        if (this.rf < 10) {

            return '#60727B'

        } else {

            return this.sourceColor;

        }

    });

    column.labels().enabled(true);

​

    //get pareto line series

    var line = chart.getSeriesAt(1);

    line.name('Line');

​

    //create second horizontal line marker

    lineMarker = chart.lineMarker(1);

    lineMarker.axis(chart.yAxis(1));

    lineMarker.value(80);

    lineMarker.stroke("#A5B3B3", 1, "10 2", "round"); // sets stroke

​

    chart.container('container');

    chart.draw();

});