docbee Report post Posted October 14, 2012 (edited) Migrating my project to FusionWidgets XT does make progress. The Flash variant does look like it did before using XT, but the Javascript variant still has some "bugs". This is how it looks fine with flash: Here is the link that generates the flash based html: http://www.meteoplug...e4&engine=flash When I switch to Javascript the marked bugs in layout occur: 1. TempGauges are located too much to the bottom 2. "Chill" Text is not positioned in line 3. Humidity HLinearGauge does not fit into container with given height 43. Here is the link that generates the javascript based html: http://www.meteoplug...5f2e4&engine=js Tweaking the chart a way that it works ok for javascript but does no longer look fine with flash is not an option for me, as my customers should have a consitent look and feel regardless what device/rendering engine they use. Any hint is welcome! Edited October 14, 2012 by docbee Share this post Link to post Share on other sites
docbee Report post Posted October 14, 2012 (edited) When I switch to Javascript the marked bugs in layout occur: 1. TempGauges are located too much to the bottom 2. "Chill" Text is not positioned in line 3. Humidity HLinearGauge does not fit into container with given height 43. I could solve problems 1 and 2 in the meantime (although flash still acts different than javascript), but problem #3 remains. Edited October 14, 2012 by docbee Share this post Link to post Share on other sites
Guest Sumedh Report post Posted October 15, 2012 Hi, Could you please try by increasing the chart's bottom margin? Ref. Code: <chart ... chartBottomMargin='18'> Share this post Link to post Share on other sites
Guest Sumedh Report post Posted October 15, 2012 Also note, Due to various reasons, there are minor implementation differences between Flash and JavaScript variants of our charts. So, you would need to adjust the "chartBottomMargin" attribute for the JavaScript gauge. Share this post Link to post Share on other sites
docbee Report post Posted October 15, 2012 Hi, Could you please try by increasing the chart's bottom margin? Ref. Code: <chart ... chartBottomMargin='18'> Thanks! I added "chartBottomMargin='18'" and it makes the Humidity bar thinner, exactly as I would like it, but it also cuts the value display of the pointer. It now looks like this: Any idea of a solution that keeps the pointer value visible? code for humdity HLinearGauge now is: <chart bgColor='#000000' bgAlpha='100' showBorder='0' borderThickness='0' baseFontColo r='#dddddd' lowerLimit='0' upperLimit='100' lowerLimitDisplay='' upperLimitDisplay='' numberSuffix='%' decimal s='0' ticksBelowGauge='0' majorTMColor='#dddddd' majorTMNumber='2' minorTMColor='#dddddd' minorTMAlpha='0' place TicksInside='1' showTickValues='1' showTickMarks='0' chartTopMargin='0' chartBottomMargin='18' chartLeftMargin= '10' chartRightMargin='15' toolTipBgColor='#333333' dataStreamURL='' > <colorRange> <color minValue= '0' maxValue='100' code='#3399FF' label=''/> </colorRange> <pointers> <pointer value='0' showVal ue='1' color='#00ffff' radius='6' toolText='Humidity' /> </pointers> </chart> Share this post Link to post Share on other sites