Demos

Beginner's Guide

Charts / Gauges / Maps Guide

Customizing Charts

API

Integrating With Your Stack

Help

Loading

FusionCharts Suite XT lets you configure the functional aspects of drag-node charts.

In this section, you will be shown how you can:

  • Enable/disable the dragging feature for drag-node charts

  • Switch between modes

Enabling/Disabling the Dragging Feature

Given below is a brief description of the attribute used to enable/disable the dragging feature:

Attribute Name Description

allowDrag

It is used to specify whether a node will be drag-able or not. Setting this attribute to 0 will disable the dragging feature, setting it to 1 (default) will enable it. This attribute can be used with the dataset object as well its child, the data object.

Switching between Modes

Drag-node charts can be rendered either in the edit mode - that allows you to add, edit, or delete nodes, connectors, and labels - or in the view mode - that allows you to only view the chart.

Given below is a brief description of the attribute used to switch modes for a drag-node chart:

Attribute Name Description

viewMode

It is used to specify whether the chart will be rendered in the view mode or the edit mode. Setting this attribute to 1 will render the chart in the view mode, setting it to 0 (default) will show it in the edit mode. A settings button would appear at the bottom of the chart when the attribute is set to 0.

There! You have now seen how you can configure drag-node charts.

Top