html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var data = [15, 20, 25, 30, 44];

​

    var thermometer = anychart.gauges.linear(data);

​

    // Set default pointer type using enum.

    thermometer.defaultPointerType(anychart.enums.LinearGaugePointerType.THERMOMETER);

​

    thermometer.addPointer(2);

    thermometer.title("Thermometer.");

    thermometer.bounds(0, 0, "33%", "50%");

    thermometer.container(stage);

    thermometer.draw();

​

    var bar = anychart.gauges.linear(data);

​

    // Set default pointer type using enum.

    bar.defaultPointerType(anychart.enums.LinearGaugePointerType.BAR);

​

    bar.addPointer(3, 2, 1, 0);

    bar.title("Bar.");

    bar.bounds("33%", 0, "33%", "50%");

    bar.container(stage);

    bar.draw();

​

    var tank = anychart.gauges.linear(data);

​

    // Set default pointer type using enum.

    tank.defaultPointerType(anychart.enums.LinearGaugePointerType.TANK);

​

    tank.addPointer(3);

    tank.title("Tank.");

    tank.bounds("66%", 0, "33%", "50%");

    tank.container(stage);

    tank.draw();

​

    var led = anychart.gauges.linear(data);

​

    // Set default pointer type using enum.

    led.defaultPointerType(anychart.enums.LinearGaugePointerType.LED);

​

    led.addPointer(3);

    led.title("Led.");

    led.bounds(0, "50%", "33%", "50%");

    led.container(stage);

    led.draw();

​

​

    var rawData = [

        [3, 7],

        [1, 4]

    ];

    var dataSet = anychart.data.set(rawData);

​

    var barData = dataSet.mapAs({'low': [0], 'high': [1], 'value': [1]});

​

    var rangeBar = anychart.gauges.linear(barData);

​

    // Set default pointer type using enum.

    rangeBar.defaultPointerType(anychart.enums.LinearGaugePointerType.RANGE_BAR);

​

    rangeBar.addPointer(0, 1);

    rangeBar.title("Range bar.");

    rangeBar.bounds("33%", "50%", "33%", "50%");

    rangeBar.container(stage);

    rangeBar.draw();

​

​

    var marker = anychart.gauges.linear(data);

​

    // Set default pointer type using enum.

    marker.defaultPointerType(anychart.enums.LinearGaugePointerType.MARKER);

​

    marker.addPointer(3);

    marker.title("Marker.");

    marker.axis({offset: -15});

    marker.getPointer(0).type("triangleLeft");

    marker.bounds("66%", "50%", "33%", "50%");

    marker.container(stage);

    marker.draw();

});