Sign in to follow this  
jsmoon

Using DrawingPad with annotation

Recommended Posts

Hi, I'm using Fusion chart in Korea.

 

 

 

Fusion chart provide many kind of charts. So most of users are satisfied.

 

 

 

But, sometimes we need combination of chart and annotation tag.

 

 

 

annotation tag support very powerfull. It can be applied to many situations.

 

But, actually using annotation is not so easy.

 

 

 

We often use much time to make DrawingPad artifact.

 

 

 

please see below output.

 

 

 

================================================================================

 

<chart showBorder='0' bgAlpha='0,0'>

 

<annotations>

 

<!--Title Box-->

 

<annotationGroup id='Grp1' >

 

<annotation type='rectangle' x='10' y='75' toXPos='100' toYPos='105' radius='5' color='C0C0C0' />

 

<annotation type='rectangle' x='10' y='195' toXPos='100' toYPos='225' radius='5' color='C0C0C0' />

 

<annotation type='rectangle' x='10' y='315' toXPos='100' toYPos='345' radius='5' color='C0C0C0' />

 

 

 

<annotation type='rectangle' x='130' y='20' toXPos='270' toYPos='50' radius='5' color='295FAE' />

 

<annotation type='rectangle' x='320' y='20' toXPos='460' toYPos='50' radius='5' color='295FAE' />

 

<annotation type='rectangle' x='510' y='20' toXPos='650' toYPos='50' radius='5' color='295FAE' />

 

<annotation type='rectangle' x='700' y='20' toXPos='840' toYPos='50' radius='5' color='295FAE' />

 

<annotation type='rectangle' x='890' y='20' toXPos='1030' toYPos='50' radius='5' color='295FAE' />

 

</annotationGroup>

 

 

 

<!--Title-->

 

<annotationGroup id='Grp2'>

 

<annotation type='text' x='53' y='90' fontSize='12' isBold='1' label='???' color='000000'/>

 

<annotation type='text' x='53' y='210' fontSize='12' isBold='1' label='???' color='000000'/>

 

<annotation type='text' x='53' y='330' fontSize='12' isBold='1' label='???' color='000000'/>

 

 

 

<annotation type='text' x='194' y='35' fontSize='12' isBold='1' label='??' color='FFFFFF'/>

 

<annotation type='text' x='384' y='35' fontSize='12' isBold='1' label='????' color='FFFFFF'/>

 

<annotation type='text' x='574' y='35' fontSize='12' isBold='1' label='??' color='FFFFFF'/>

 

<annotation type='text' x='764' y='35' fontSize='12' isBold='1' label='??' color='FFFFFF'/>

 

<annotation type='text' x='954' y='35' fontSize='12' isBold='1' label='??' color='FFFFFF'/>

 

</annotationGroup>

 

 

 

<!--sub contents-->

 

<annotationGroup id='Grp3'>

 

<annotation type='text' x='128' y='85' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='128' y='109' fontSize='12' align='left' label='????' color='000000'/>

 

<annotation type='text' x='208' y='85' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='208' y='109' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='318' y='85' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='318' y='109' fontSize='12' align='left' label='????' color='000000'/>

 

<annotation type='text' x='398' y='85' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='398' y='109' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='508' y='85' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='508' y='109' fontSize='12' align='left' label='????' color='000000'/>

 

<annotation type='text' x='588' y='85' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='588' y='109' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='698' y='85' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='698' y='109' fontSize='12' align='left' label='????' color='000000'/>

 

<annotation type='text' x='778' y='85' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='778' y='109' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

 

 

<annotation type='text' x='888' y='85' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='888' y='109' fontSize='12' align='left' label='????' color='000000'/>

 

 

 

<annotation type='text' x='968' y='85' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='968' y='109' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='128' y='205' fontSize='12' align='left' label='KB ???' color='000000'/>

 

<annotation type='text' x='208' y='205' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='318' y='205' fontSize='12' align='left' label='???' color='000000'/>

 

<annotation type='text' x='318' y='230' fontSize='12' align='left' label='Hit???' color='000000'/>

 

<annotation type='text' x='398' y='205' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='398' y='230' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='508' y='205' fontSize='12' align='left' label='M/H???' color='000000'/>

 

<annotation type='text' x='508' y='230' fontSize='12' align='left' label='A? ???' color='000000'/>

 

<annotation type='text' x='588' y='205' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

<annotation type='text' x='588' y='230' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

 

 

<annotation type='text' x='128' y='325' fontSize='12' align='left' label='?????' color='000000'/>

 

<annotation type='text' x='208' y='325' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

 

 

<annotation type='text' x='318' y='325' fontSize='12' align='left' label='1????' color='000000'/>

 

<annotation type='text' x='398' y='325' fontSize='12' align='left' label='(???) ?' color='000000'/>

 

</annotationGroup>

 

 

 

<!--Line-->

 

<annotationGroup id='Grp4'>

 

<annotation type='line' x='130' y='97' toX='260' toY='97' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='122' toX='260' toY='122' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='147' toX='260' toY='147' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='172' toX='260' toY='172' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='320' y='97' toX='450' toY='97' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='122' toX='450' toY='122' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='147' toX='450' toY='147' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='172' toX='450' toY='172' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='510' y='97' toX='640' toY='97' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='122' toX='640' toY='122' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='147' toX='640' toY='147' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='172' toX='640' toY='172' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='700' y='97' toX='830' toY='97' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='122' toX='830' toY='122' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='147' toX='830' toY='147' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='172' toX='830' toY='172' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='890' y='97' toX='1020' toY='97' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='122' toX='1020' toY='122' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='147' toX='1020' toY='147' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='172' toX='1020' toY='172' color='C0C0C0' thickness='1'/>

 

 

 

 

 

<annotation type='line' x='130' y='217' toX='260' toY='217' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='242' toX='260' toY='242' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='267' toX='260' toY='267' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='292' toX='260' toY='292' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='320' y='217' toX='450' toY='217' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='242' toX='450' toY='242' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='267' toX='450' toY='267' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='292' toX='450' toY='292' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='510' y='217' toX='640' toY='217' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='242' toX='640' toY='242' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='267' toX='640' toY='267' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='292' toX='640' toY='292' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='700' y='217' toX='830' toY='217' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='242' toX='830' toY='242' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='267' toX='830' toY='267' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='292' toX='830' toY='292' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='890' y='217' toX='1020' toY='217' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='242' toX='1020' toY='242' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='267' toX='1020' toY='267' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='292' toX='1020' toY='292' color='C0C0C0' thickness='1'/>

 

 

 

 

 

<annotation type='line' x='130' y='337' toX='260' toY='337' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='362' toX='260' toY='362' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='387' toX='260' toY='387' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='130' y='412' toX='260' toY='412' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='320' y='337' toX='450' toY='337' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='362' toX='450' toY='362' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='387' toX='450' toY='387' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='320' y='412' toX='450' toY='412' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='510' y='337' toX='640' toY='337' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='362' toX='640' toY='362' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='387' toX='640' toY='387' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='510' y='412' toX='640' toY='412' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='700' y='337' toX='830' toY='337' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='362' toX='830' toY='362' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='387' toX='830' toY='387' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='700' y='412' toX='830' toY='412' color='C0C0C0' thickness='1'/>

 

 

 

<annotation type='line' x='890' y='337' toX='1020' toY='337' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='362' toX='1020' toY='362' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='387' toX='1020' toY='387' color='C0C0C0' thickness='1'/>

 

<annotation type='line' x='890' y='412' toX='1020' toY='412' color='C0C0C0' thickness='1'/>

 

</annotationGroup>

 

 

 

<!--color circle-->

 

<!--Red-->

 

<annotationGroup id='Grp5' >

 

 

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='116' y='36' radius='10' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='116' y='84' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='116' y='110' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='496' y='36' radius='10' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='496' y='84' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='496' y='110' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

 

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='116' y='205' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

 

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='496' y='205' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='496' y='230' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

 

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='307' y='325' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

 

 

<annotation type='circle' color='FFBFC0,FF3638,CC0E10' x='876' y='84' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='CC0E10' borderThickness='1'/>

 

</annotationGroup>

 

 

 

<!--Blue-->

 

<annotationGroup id='Grp6' >

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='307' y='36' radius='10' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='307' y='84' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='307' y='110' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

 

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='307' y='205' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='307' y='230' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

 

 

<annotation type='circle' color='BFDAFF,2B83FF,2C66B5' x='116' y='325' radius='8' fillPattern='linear' fillRatio='10,65,25' fillAngle='300' showBorder='1' borderColor='2C66B5' borderThickness='1'/>

 

</annotationGroup>

 

 

 

<!--Yellow-->

 

<annotationGroup id='Grp7' >

 

<annotation type='circle' color='FCFFB6,F6FF00,C8CE20' x='686' y='36' radius='10' fillPattern='linear' fillRatio='10,55,35' fillAngle='300' showBorder='1' borderColor='A5AA21' borderThickness='1'/>

 

 

 

<annotation type='circle' color='FCFFB6,F6FF00,C8CE20' x='876' y='36' radius='10' fillPattern='linear' fillRatio='10,55,35' fillAngle='300' showBorder='1' borderColor='A5AA21' borderThickness='1'/>

 

</annotationGroup>

 

 

 

</annotations>

 

 

 

<styles>

 

<definition>

 

<style name='Shadow1' type='shadow' strength='2' alpha='20'/>

 

<style name='AnimX' type='animation' param='_x' start='-20' wait='0' duration='1' easing='Bounce'/>

 

<style name='AnimY' type='animation' param='_y' start='-30' wait='1' duration='1' easing='Bounce'/>

 

<style name='AnimAlpha' type='animation' param='_alpha' start='0' wait='2' duration='1'/>

 

</definition>

 

 

 

</styles>

 

 

 

</chart>

 

================================================================================

 

 

 

As you can see in above source.

 

 

 

Resolving X-Y position sometimes makes me crazy. and color code is too.

 

 

 

Would you consider to develop DrawingPad editor?

 

Or, do you have any plan to develop DrawingPad editor?

 

 

 

Please give me a good news.

 

 

 

Thank you.

 

 

 

Jameson in Korea.

Edited by Guest

Share this post


Link to post
Share on other sites

Hi,

 

Please note that the latest version of FusionWidgets, i.e, FusionWidgets v3.1.1 supports Drawing pad.

 

Could you please upgrade your current version to the latest one?

 

Hope this helps. :)

Share this post


Link to post
Share on other sites

To be frank, I don't use Fusion chart annotation tool to add annotation tag to chart images, but with a third party image annotation add-on, which allows to combine the annotation application with chart image and draw and add annotation tag to chart image easily.

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