html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  anychart.theme({defaultFontSettings: {fontColor: "#000"}});

​

  // set stage

  var stage = anychart.graphics.create("container");

  // create table

  var table = anychart.standalones.table();

​

  // set table content

  table.contents([

    [

      "Method",

      "Samples"

    ],[

      "textDirection()",

      "This text has Left to Right direction.",                 // table.getCell(1,1).content().textDirection( anychart.graphics.vector.Text.Direction.LTR );

      "This text has Right to Left direction."                  // table.getCell(1,2).content().textDirection( anychart.graphics.vector.Text.Direction.RTL );

    ],[

      "fontDecoration()",

      "This text was decorated with the line above",            // table.getCell(2,1).content().fontDecoration( anychart.graphics.vector.Text.Decoration.OVERLINE );

      "This text was decorated with the line below the text"    // table.getCell(2,2).content().fontDecoration( anychart.graphics.vector.Text.Decoration.UNDERLINE );

    ],[

      "fontVariant()",

      "Text with default fontVariant",                          // table.getCell(3,1).content().fontVariant( anychart.graphics.vector.Text.FontVariant.NORMAL );

      "This font is small cup"                                  // table.getCell(3,2).content().fontVariant( anychart.graphics.vector.Text.FontVariant.SMALL_CAP );

    ],[

      "fontWeight()",

      "this text has 700 fontWeight",                           // table.getCell(4,1).content().fontWeight(700);

      "this text has \'bold\' fontWeight value"                 // table.getCell(4,2).content().fontWeight("bold");

    ],[

      "hAlign()",

      "this text align to the center",                          // table.getCell(5,1).content().hAlign("center");

      "this text align to the right"                            // table.getCell(5,2).content().hAlign("right");

    ],[

      "height()",

      anychart.standalones.label()                                       // create custom title

.text("This title has default height.")                 // set text for the title

.padding(0)                                             // disable padding 

.fontWeight(400)                                        // set font weight

.background({fill: null, stroke: "#ccc"}),              // set border color

      anychart.standalones.label()                                       // create custom title

.height(25)                                             // set custom height for the title

.text("This title has 25px height.")                    // set title text

.padding(0)                                             // disable padding 

.fontWeight(400)                                        // set font weight

.vAlign("center")                                       // position text at the middle of the title

.background({fill: null, stroke: "#ccc"})               // set border color

    ],[

      "letterSpacing()",

      "This text has 3px letter spacing",                       // table.getCell(7,1).content().letterSpacing(3);

      "This text has 5px letter\nspacing"                       // table.getCell(7,2).content().letterSpacing(5);

    ],[

      "lineHeight()",

      "This text has 20px line height.\nEach line is bigger"

      +" now",                                                  // table.getCell(8,1).content().lineHeight(1.7);

      "This text has default line height.\nNo extra space "

      +"between lines"                                          // table.getCell(8,2).content().lineHeight(1);

    ],[

      "fontOpacity()",

      "This text has no transparency.",                         // table.getCell(9,1).content().fontOpacity(1);

      "This text is transparent. You can\nsee the background "+

      "through letters"                                         // table.getCell(9,2).content().fontOpacity(0.4);

    ],[

      "rotation()",

      anychart.standalones.title()                                       // create custom title

.rotation(5)                                            // set rotation of the title

.text("This title is rotated by 5")                     // set text for the title

.padding(0)                                             // disable padding 

.margin(0)                                              // disable margin

.fontWeight(400),                                       // set font weight

      anychart.standalones.title()                                       // create custom title

.rotation(-7)                                           // set title rotation

.text("This title is rotated by -7")                    // set text for the title

.padding(0)                                             // disable padding 

.margin(0)                                              // disable margin

.fontWeight(400)                                        // set font weight

    ],[

      "selectable()",

      anychart.standalones.label()                                       // create custom title

.selectable(true)                                       // make text selectable

.text("This text is selectable.\nIt is the only "

+"selectable text in this table.")                      // set text for the title

.fontWeight(400)                                        // set font weight

.padding(0),                                            // disable padding

      anychart.standalones.label()                                       // create custom title

.selectable(false)                                      // disable text selection

.text("This text can\'t be selected.")                  // set title text

.padding(0)                                             // disable padding 

.fontWeight(400)                                        // set font weight

    ],[

      "textIndent()",

      "Text indent is a space before the first line in the "

      +"text. If the text consist of multiple paragraphs, "

      +"each of them will have a space at the beginning first "

      +"line",                                                  // table.getCell(12,1).content().textIndent(30);

      "This text has no indent. All lines sticked to the left"  // 

      +" and there is no margin for any of the lines."          // table.getCell(12,2).content().textIndent(0);

    ],[

      "textOverflow()",

      "The overflowing text clips by the limits of the cell. "

      +"You can see the text reaching cell border and clips "

      +"by the cell border, if there isn\'t enough space for "

      +"another line",                                          // table.getCell(13,1).content().textOverflow(anychart.graphics.vector.Text.TextOverflow.CLIP);

      "This text has \'Ellipsis\' value for textOverflow()."

      +"Overflowing text replaced with Ellipsis just before it"

      +" reaches the cell border and there is no space for "

      +"another line."                                          // table.getCell(14,2).content().textWrap(anychart.graphics.vector.Text.TextWrap.BY_LETTER);

    ],[

      "textWrap()",

      "This text has no wrapping. The whole text has no line "

      +"breaking." ,                                            // table.getCell(14,1).content().textWrap(anychart.graphics.vector.Text.TextWrap.NO_WRAP);

      "This text is wrapped by letters. The line breaks the "

      +"moment it reaches the cell border"                      // table.getCell(14,2).content().textWrap(anychart.graphics.vector.Text.TextWrap.BY_LETTER);

    ],[

      "vAlign()",

      "This text align to the center",                          // table.getCell(15,1).content().vAlign("center");

      "This text align to the bottom"                           // table.getCell(15,2).content().vAlign("bottom");

    ],[

      "width()",

      anychart.standalones.label()                                       // create custom title

.text("This title has default width.")                  // set title text

.padding(0)                                             // disable padding 

.fontWeight(400)                                        // set font weight

.background({fill: null, stroke: "#ccc"}),              // set title border

      anychart.standalones.label()                                       // create custom title

.width(175)                                             // set title width

.text("This title has 175px width.")                    // set title text

.padding(0)                                             // disable padding 

.fontWeight(400)                                        // set font weight

.background({fill: null, stroke: "#ccc"})               // set title border

    ]

  ]);

  // table settings

  table.fontSize(10);

  table.getRow(0).height(30);

  table.getRow(8).height(40);

  table.getRow(9).height(45);

  table.getRow(12).height(45);

  table.getCol(0).width(100);

  table.cellBorder("#B8B8B8");

  table.getCell(0,0).hAlign("center").vAlign("center").fill("#f0f0f0").fontWeight(900);

  table.getCell(0,1).colSpan(2).hAlign("center").vAlign("center").fill("#f0f0f0").fontWeight(900);

  table.getCell(1,1).textDirection(anychart.graphics.vector.Text.Direction.LTR);

  table.getCell(1,2).textDirection(anychart.graphics.vector.Text.Direction.RTL);

  table.getCell(2,1).fontDecoration(anychart.graphics.vector.Text.Decoration.OVERLINE);

  table.getCell(2,2).fontDecoration(anychart.graphics.vector.Text.Decoration.UNDERLINE);

  table.getCell(3,1).fontVariant(anychart.graphics.vector.Text.FontVariant.NORMAL);

  table.getCell(3,2).fontVariant(anychart.graphics.vector.Text.FontVariant.SMALL_CAP);

  table.getCell(4,1).fontWeight(700);

  table.getCell(4,2).fontWeight("bold");

  table.getCell(5,1).hAlign("center");

  table.getCell(5,2).hAlign("right");

  table.getCell(7,1).letterSpacing(3);

  table.getCell(7,2).letterSpacing(5);

  table.getCell(8,1).lineHeight(1.7);

  table.getCell(8,2).lineHeight(1);

  table.getCell(9,1).fill({

    keys: [".1 red", ".5 yellow", ".9 green"],

    angle: 90

  }).fontWeight(900).fontSize(15).fontOpacity(1);

  table.getCell(9,2).fill({

    keys: [".1 red", ".5 yellow", ".9 green"],

    angle: 90

  }).fontWeight(900).fontSize(15).fontOpacity(0.4);

  table.getCell(12,1).textIndent(30);

  table.getCell(12,2).textIndent(0);

  table.getCell(13,1).textOverflow(anychart.graphics.vector.Text.TextOverflow.CLIP);

  table.getCell(13,2).textOverflow(anychart.graphics.vector.Text.TextOverflow.ELLIPSIS);

  table.getCell(14,1).textWrap(anychart.graphics.vector.Text.TextWrap.NO_WRAP);

  table.getCell(14,2).textWrap(anychart.graphics.vector.Text.TextWrap.BY_LETTER);

  table.getCell(15,1).vAlign("center");

  table.getCell(15,2).vAlign("bottom");

  stage.height(680);

  stage.width(690);

  // set table container and initiate draw

  table.container(stage).draw();

});