html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

// create a Pareto chart

var chart = anychart.pareto([

  {x: "Defect 1", value: 19},

  {x: "Defect 2", value: 9},

  {x: "Defect 3", value: 28},

  {x: "Defect 4", value: 87},

  {x: "Defect 5", value: 14},

]);

​

// percent axis

percentAxis = chart.yAxis(1);

​

// create horizontal line marker

lineMarker = chart.lineMarker();

// bind to percent axis

lineMarker.axis(percentAxis);

lineMarker.value(80);

lineMarker.stroke("#FF0000", 1, "5 2");

​

// create horizontal line marker

textMarker = chart.textMarker();

// bind to percent axis

textMarker.axis(percentAxis);

textMarker.text("80%");

// set marker alignment

textMarker.align("right");

// set anchor

textMarker.anchor("right-bottom");

textMarker.offsetX(5);

textMarker.value(80);

textMarker.fontColor("#FF0000");

​

​

// set the chart title

chart.title("Pareto Chart: Axes Lines");

​

// set the container id

chart.container("container");

​

// initiate drawing the chart

chart.draw();

});