Dynamically Adding/editing Nodes At Runtime With Javascript

[deng]

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

[deng]

this is my Reference Order ID: 20120827, thanks

 

 

[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

[deng]

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 !

[Guest Sumedh]

Thank you !

 

[bruno.goncalves]

Hi, I think I'm having trouble with my chart.

When you hold the click over the element, the menu appears to editr the same as I disable it?

Occurs only with html5.

[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.

[bruno.goncalves]

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 December 26, 2012 by bruno.goncalves

[bruno.goncalves]

Hello, about the bug mentioned above ... There's no way it?

With html5 is this same ugly bug?

 

Thank you.

[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!

[bruno.goncalves]

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 January 8, 2013 by bruno.goncalves

[bruno.goncalves]

Hello, managed to reproduce the error?

[Swarnam]

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.

 

 

[BradG]

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

[Swarnam]

Hey Brad,

 

Yes, this issue has been fixed internally. We would keep you posted once the release has been scheduled.