icingaweb2/public/js/icinga/behavior/sparkline.js

// {{{ICINGA_LICENSE_HEADER}}}
// {{{ICINGA_LICENSE_HEADER}}}

(function(Icinga, $) {

    "use strict";

    Icinga.Behaviors = Icinga.Behaviors || {};

    var Sparkline = function (icinga) {
        Icinga.EventListener.call(this, icinga);
        this.on('rendered', this.onRendered, this);
    };
    Sparkline.prototype = new Icinga.EventListener();

    Sparkline.prototype.onRendered = function(evt) {
        var el = evt.target;

        $('span.sparkline', el).each(function(i, element) {
            // read custom options
            var $spark            = $(element);
            var labels            = $spark.attr('labels').split('|');
            var formatted         = $spark.attr('formatted').split('|');
            var tooltipChartTitle = $spark.attr('sparkTooltipChartTitle') || '';
            var format            = $spark.attr('tooltipformat');
            var hideEmpty         = $spark.attr('hideEmptyLabel') === 'true';
            $spark.sparkline(
                'html',
                {
                    enableTagOptions: true,
                    tooltipFormatter: function (sparkline, options, fields) {
                        var out       = format;
                        if (hideEmpty && fields.offset === 3) {
                            return '';
                        }
                        var replace   = {
                            title:     tooltipChartTitle,
                            label:     labels[fields.offset] ? labels[fields.offset] : fields.offset,
                            formatted: formatted[fields.offset] ? formatted[fields.offset] : '',
                            value:     fields.value,
                            percent:   Math.round(fields.percent * 100) / 100
                        };
                        $.each(replace, function(key, value) {
                            out = out.replace('{{' + key + '}}', value);
                        });
                        return out;
                    }
            });
        });
    };

    Icinga.Behaviors.Sparkline = Sparkline;

}) (Icinga, jQuery);