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.

    thermometer.defaultPointerType('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.

    bar.defaultPointerType('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.

    tank.defaultPointerType('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.

    led.defaultPointerType('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.

    rangeBar.defaultPointerType('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.

    marker.defaultPointerType('marker');

​

    marker.addPointer(3);

    marker.title('Marker');

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

    marker.getPointer(0).type('triangle-left');

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

    marker.container(stage);

    marker.draw();

});