deng

Dynamically Adding/editing Nodes At Runtime With Javascript

Recommended Posts

Hi ,

can you tell me how to Dynamically Adding/editing the newly nodes to the existing Drag Node chart ,but no reload the entire xml data with javascript, I want to dynamic loading thousands of node through javascript function

 

Thanks!

 

Deng

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

Adding/Editing nodes dynamically to the existing Drag Node chart using javascript function is not possible.

 

You can manually add/edit nodes using viewMode attribute.

 

Edit mode can be enabled setting viewMode='0' in <chart> element. You can also edit an existing node or delete a node if required.

 

Please refer the following URL, for more information:

http://docs.fusioncharts.com/powercharts/Contents/?Dragnode/AddEditNodes.html

Share this post


Link to post
Share on other sites

Hi,

 

Adding/Editing nodes dynamically to the existing Drag Node chart using javascript function is not possible.

 

You can manually add/edit nodes using viewMode attribute.

 

Edit mode can be enabled setting viewMode='0' in <chart> element. You can also edit an existing node or delete a node if required.

 

Please refer the following URL, for more information:

http://docs.fusionch...dEditNodes.html

 

Thank you !

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

A warm welcome to the FusionCharts Forum :)

 

Do you mean to say that the edit menu appears even if you have disabled it?

 

If yes, please share the XML data for testing purposes.

 

If not, please elaborate a bit more on your issue.

Share this post


Link to post
Share on other sites

Good morning,

Yes, even disabling, the menu still appears if pressing any button on any element ...

 

It happens only with html5

 

XML:

<Chart

showBorder = '0 '

xAxisMinValue = '0 '

yAxisMinValue = '0 '

canvasBgAlpha = '0 '

showFormBtn = '0 '

showRestoreBtn = '0 '

animation = '0 '

btnTextColor = '15428B '

formBtnBgColor = '99BBE8 '

borderColor = 'FF99FF'

bgColor = 'FFFFFF'

canvasBorderColor = 'FFFFFF'

formatNumberScale = '0 '

decimals = '2 '

forceDecimals = '1 '

decimalSeparator = ','

thousandSeparator = '.'

inDecimalSeparator = ','

inThousandSeparator = '.'

showPlotBorder = '0 '

bgAlpha = '0 '

enableLinks = '1 '

allowDrag = "1"

toolTipBgColor = 'EAFAFF'

viewMode = '1 '

xAxisMaxValue = '100 '

yAxisMaxValue = '100 '

is3D = '0 '

toolTipBorderColor = '99BBE8 '

>

 

<dataset seriesName='Atividades' plotBorderAlpha='50' plotBorderColor='000000' plotBorderThickness='1' alpha='100'>

 

<Set

x = '47 '

y = '30 '

id = '51735639 '

imageurl = ".. / images / radar / chamados.gif '

color = '308630 '

shape = 'circle'

link = "javascript: function ()"

width = '16 '

height = '16 '

imageNode = '1 '

labelAlign = 'top'

ImageAlign = 'middle'

imageWidth = '18 '

ImageHeight = '18 '

allowDrag = "1"

alpha = "100"

tooltext = '...'

radius = '11 .3 '

/>

 

<Set

x = '45 '

y = '58 '

id = '52357329 '

imageurl = ".. / images / radar / chamados.gif '

color = '308630 '

shape = 'circle'

link = "javascript: function ()"

width = '16 '

height = '16 '

imageNode = '1 '

labelAlign = 'top'

ImageAlign = 'middle'

imageWidth = '18 '

ImageHeight = '18 '

allowDrag = "1"

alpha = "100"

tooltext = '...'

radius = '11 .3 '

/>

 

<Set

x = '57 '

y = '53 '

id = '52459895 '

imageurl = ".. / images / radar / inventario.gif '

color = "D05562"

shape = 'circle'

link = "javascript: function ()"

width = '16 '

height = '16 '

imageNode = '1 '

labelAlign = 'top'

ImageAlign = 'middle'

imageWidth = '18 '

ImageHeight = '18 '

allowDrag = "1"

alpha = "100"

tooltext = '...'

radius = '11 .3 '

/>

</ Dataset>

 

<styles>

<definition> <style name='myHTMLFont' type='font' font='Verdana' size='10' color='555555' weight="bold" /> </ definition>

 

<definition>

<style name="labelstyle" type="font" isHTML="1"/>

</ Definition>

<application>

<apply toObject="DATALABELS" styles="labelstyle"/>

</ Application>

<application> <apply toObject='TOOLTIP' styles='myHTMLFont' /> </ application>

 

</ Styles>

</ Chart>

 

XML:

<chart

showBorder='0'

xAxisMinValue='0'

yAxisMinValue='0'

canvasBgAlpha='0'

showFormBtn='0'

showRestoreBtn='0'

animation='0'

btnTextColor='15428B'

formBtnBgColor='99BBE8'

borderColor='FF99FF'

bgColor='FFFFFF'

canvasBorderColor='FFFFFF'

formatNumberScale='0'

decimals='2'

forceDecimals='1'

decimalSeparator=','

thousandSeparator='.'

inDecimalSeparator=','

inThousandSeparator='.'

showPlotBorder='0'

bgAlpha='0'

enableLinks='1'

allowDrag="1"

toolTipBgColor='EAFAFF'

viewMode='1'

xAxisMaxValue='100'

yAxisMaxValue='100'

is3D='0'

toolTipBorderColor='99BBE8'

>

 

<dataset seriesName='Atividades' plotBorderAlpha='50' plotBorderColor='000000' plotBorderThickness='1' alpha='100' >

 

<set

x='47'

y='30'

id='51735639'

imageurl='../images/radar/chamados.gif'

color='308630'

shape='circle'

link="javascript:funcao()"

width='16'

height='16'

imageNode='1'

labelAlign='top'

imageAlign='middle'

imageWidth='18'

imageHeight='18'

allowDrag="1"

alpha="100"

tooltext='...'

radius='11.3'

/>

 

<set

x='45'

y='58'

id='52357329'

imageurl='../images/radar/chamados.gif'

color='308630'

shape='circle'

link="javascript:funcao()"

width='16'

height='16'

imageNode='1'

labelAlign='top'

imageAlign='middle'

imageWidth='18'

imageHeight='18'

allowDrag="1"

alpha="100"

tooltext='...'

radius='11.3'

/>

 

<set

x='57'

y='53'

id='52459895'

imageurl='../images/radar/inventario.gif'

color='D05562'

shape='circle'

link="javascript:funcao()"

width='16'

height='16'

imageNode='1'

labelAlign='top'

imageAlign='middle'

imageWidth='18'

imageHeight='18'

allowDrag="1"

alpha="100"

tooltext='...'

radius='11.3'

/>

</dataset>

 

<styles>

<definition><style name='myHTMLFont' type='font' font='Verdana' size='10' color='555555' weight="bold" /></definition>

 

<definition>

<style name="labelstyle" type="font" isHTML="1"/>

</definition>

<application>

<apply toObject="DATALABELS" styles="labelstyle"/>

</application>

<application><apply toObject='TOOLTIP' styles='myHTMLFont' /></application>

 

</styles>

</chart>

 

Hi,

 

A warm welcome to the FusionCharts Forum :)

 

Do you mean to say that the edit menu appears even if you have disabled it?

 

If yes, please share the XML data for testing purposes.

 

If not, please elaborate a bit more on your issue.

Edited by bruno.goncalves

Share this post


Link to post
Share on other sites
Guest Chaitra

Hello!

 

Could you please let us know the PowerCharts XT version you are using to render the chart?

 

We are unable to replicate the issue.

 

Please check the attached screenshots.

 

The charts have been rendered using the latest version.

 

Hope this helps!

post-33681-0-97420300-1357640482_thumb.png

post-33681-0-79709600-1357640490_thumb.png

Share this post


Link to post
Share on other sites

hi,

 

The images are ok. The problem occurs when the view mode is enabled.

holding the click of the mouse for a few seconds, the editor appears.

 

I am also using the latest version:

@ version fusioncharts/3.2.4-release.8565.

Edited by bruno.goncalves

Share this post


Link to post
Share on other sites

Hi,

 

Apologies for the delayed response.

 

Yes, we were able to reproduce the error. We are working on it.

 

For further developments, we would update this thread.

 

 

Share this post


Link to post
Share on other sites

I'm trialing 3.3.1-sr3.21100 and still seeing this issue of the Edit dialog appearing in the html5 version when I click and hold down the mouse on a node (with viewMode=1).  Any update on when this bug will be fixed?

 

Thanks,

Brad

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