How to format numbers displayed by different web dashboard items in a custom manner

I have attached a sample project demonstrating how to format values manually by configuring Underlying Widgets. This project works with Grid, Chart and Gauge items. I am afraid we do not provide a public Card Item widget that can be used in a similar manner. Thus, it is impossible to format card values manually.

JavaScript
function UpdateItems(s, e) {  
    if (e.ItemName.indexOf('gauge') >= 0) {  
        var gauges = e.GetWidget();  
        $.each(gauges, function (_, gauge) {  

            gauge.option('scale.label.customizeText', function (event) {  
                return FormatValue(event.value);  
            });  
            gauge.option('indicator.text.value', FormatValue(gauge.option('subvalues[0]') - gauge.option('value')));  
        });  
    }  
    if (e.ItemName.indexOf('grid') >= 0) {  
        var grid = e.GetWidget();  
        grid.columnOption(2, 'cellTemplate', function (container, options) {  
            container.text(FormatValue(options.value));  
        });  
    }  
    if (e.ItemName.indexOf('chart') >= 0) {  
        var chart = e.GetWidget();  
        var chartOptions = chart.option();  
        $.each(chartOptions.series, function (_, series) {  
            if (series.label != undefined) //ignore internal empty series  
            {  
                series.label.customizeText = function (point) {  
                    return FormatValue(this.value);  
                }  
            }  
        });  
        chartOptions.valueAxis[0].label.customizeText = function () {  
            return FormatValue(this.value);  
        };  
        chart.option(chartOptions);  
    }  
}  
function FormatValue(value) {  
    return (value / 1000).toFixed(2) + '*'  
}