Some Inconsistencies Between Flash And Java

[docbee]

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

[docbee]

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

[Guest Sumedh]

Hi,

 

Could you please try by increasing the chart's bottom margin?

 

Ref. Code:

<chart ... chartBottomMargin='18'>

[Guest Sumedh]

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.

[docbee]

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>