Re: [Kimchi-devel] [PATCH] [Wok 2/3] Introduced converters in wok.line-chart widget

From: Pooja Kulkarni <pkulkark(a)linux.vnet.ibm.com&gt; Added converters in wok.line-chart widget which enables formatting of data to be displayed. Signed-off-by: Pooja Kulkarni <pkulkark(a)linux.vnet.ibm.com&gt; --- ui/js/src/wok.line-chart.js | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/ui/js/src/wok.line-chart.js b/ui/js/src/wok.line-chart.js index 12744af..bb3578d 100644 --- a/ui/js/src/wok.line-chart.js +++ b/ui/js/src/wok.line-chart.js @@ -70,22 +70,29 @@ wok.widget.LineChart = function(params) { var seriesCount = 0; var singleSeries = data.length === 1; var firstSeries = data[0]; + var converters = params['converters']? params['converters']:''; // TODO: Multiple axes support. if(type === 'value') { $.each(data, function(i, series) { if(series['max'] > maxValue) { maxValue = series['max']; + // Intoduce converter to format data as per converter's to function + var converter = series['converter']; + if(converter){ + converter = converters[converter]?converters[converter]:''; + } formatSettings = { base: series['base'], unit: series['unit'], fixed: series['fixed'], - locale: series['locale'] + converter: converter }; } }); } + var defs = [ '<defs>', '<pattern id="patternbg" x="0" y="0" width="6" height="6" patternUnits="userSpaceOnUse">', @@ -199,6 +206,7 @@ wok.widget.LineChart = function(params) { var base = data[i]['base']; var latestPoint = data[i]['points'].slice(-1).pop(); var latestValue = latestPoint['y']; + if(type === 'value') { latestValue = wok.formatMeasurement( latestValue, @@ -206,7 +214,14 @@ wok.widget.LineChart = function(params) { ); } else { - latestValue = { v: latestValue, s: '%' }; + // Format value if converter is passed. + converter = data[i]['converter']; + var converter_to = '' + if(converter){ + converter_to = converters[converter]?converters[converter]['to']:''; + } + + latestValue = { v: converter_to?converter_to(latestValue):latestValue, s: '%' }; } $('<div class="latest-value"><span class="number">' + latestValue.v + '</span></div>').appendTo(wrapper); $('<span class="legend-label">'+ latestValue.s +'</span><span class="legend-string">'+ label + '</span>').appendTo(wrapper[0].children[1]);