Dasht.chart_init = function(el, options) {
    var chart = $(el).find(".chart");
    var chart_el = chart.get()[0];
    var old_data = 0;


    // Set the value height to be tile height minus title height.
    Dasht.fill_tile($(el).find(".title"), true, false);
    Dasht.fill_tile(chart);

    // Create some empty values.
    var labels = [];
    var data = [];
    for (var i = 0; i < options.periods; i++) {
        labels.push("");
        data.push(0);
    }

    // Create the chart.
    var chart_data = {
        labels: labels,
        datasets: [
            {
                fillColor: "rgba(255,255,255,0.2)",
                strokeColor: "rgba(255,255,255,0.4)",
                data: data
            }
        ]
    };

    var chart_options = {
        showScale: false,
        showTooltips: false,
        pointDot : false
    }

    var ctx = $(".chart").get(0).getContext("2d");
    var chart = new Chart(ctx).Line(chart_data, chart_options);

    // Handle value updates.
    setTimeout(function() {
        Dasht.get_value(options, function(new_data) {
            if (_.isEqual(old_data, new_data)) return;
            // Update chart.
            for (var i = 0; i < options.periods; i++) {
                chart.datasets[0].points[i].value = new_data[i];
            }
            chart.update();

            old_data = new_data;
        });
    }, 1000);
}