Sign in to follow this  
docbee

Some Inconsistencies Between Flash And Java

Recommended Posts

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:

post-21455-0-82255600-1350226171_thumb.png

 

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.

post-21455-0-53703700-1350226396_thumb.png

 

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 by docbee

Share this post


Link to post
Share on other sites

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 by docbee

Share this post


Link to post
Share on other sites
Guest Sumedh

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

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

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:

post-21455-0-67482700-1350292061_thumb.png

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this