# Introduction # Parameters are used to set the way that plugin works and also to describe and format the chart that will be rendered. The plugin has two types of parameters: * Special Parameters - This type of parameters requires special treatments like labels, width, heigh, ... They either set the way that the plugin works or are placed on specific places according to FusionCharts specification. * Regular Parameters - This type of parameters are just added to the chart object and thus only have to be known by FusionCharts. On the example below attributes: showLegend, palette, animation and formatNumberScale can be passed on the plugin even if not referenced on the list: ```xml Unknown end tag for </chart> ``` For more regular parameters check the FusionCharts documentation. If you are using the **XPFusionChartComponent component** (see the list of supported charts on each component) the parameter usage becomes even more flexible. We still have special parameters that are interpreted by the FusionCharts component for Pentaho but regular parameters can be used beyond the chart properties. In order to do so we have created an object to store each type of parameter, whatever you place in here it is directly sent to the chart and thus you can leverage all FusionCharts functionality. The available configuration objects are: * chartProperties * dataSetProperties * connectorsProperties * trendlinesProperties * vtrendlinesProperties * labelsProperties * categoriesProperties * colorRangeProperties * trendPointProperties * linesetProperties * tasksProperties (Gantt Chart) * processesProperties (Gantt Chart) * datatableProperties (Gantt Chart) * milestonesProperties (Gantt Chart) Each of these sections maps directly with the corresponding attributes section on the FusionCharts library. To check all available properties for each chart type go to [Fusion Charts Properties Documentation](http://www.fusioncharts.com/dev/chart-attributes.html?chart=dragnode) For more details on how to use check the section XPFusionChartComponent below. # XDashFusionChartComponent # ## List of parameters ## This list contains special parameters and the main regular parameters. | **Name** | **Key** | **Data Type** | **Is Mandatory** | **Default** | **Description** | **Example** | **Available Values** | |:----------|:---------|:---------------|:------------------|:-------------|:-----------------|:-------------|:----------------------| | Data Access ID | cdaDataAccessId | int() | yes | - | define which data access to be used in CDA file  | cdaDataAccessId=2;3 | - | | Action (deprecated) | action | string | no | "" | file of fusion plugin properties to use | action: "PieChart3D.xfusion" | - | | Solution (deprecated) | solution | string | no | "" | solution where fusion plugin properties is | solution: "bi-developers" | - | | Path (deprecated) | path | string | no | "" | path where fusion plugin properties is | path: "fusion-charts/Fusion Charts Free" | - | | xFusionPath | path | string | no | "" | path where fusion plugin properties is. replaces 3 properties above. | xFusionPath : "fusion-charts/Fusion Charts Free/file.xfusion" | - | | Chart Type | chartType | string | yes | - | chart type | | see supported charts | | Width | width | int | no | ? | chart width | width=200 | - | | Height | height | int | no | ? | chart height | height=200 | - | | Render in Html5 | isHTML5 | string | no | - | render chart in html5. When is undifined flash is used. | isHTML5=true | true or undefined | | Free Version | free | boolean | no | true | Renders the chart for free (true) or not free version (false). | free=true | - | | CDA File Name | cdaName | String | no | - | File Name of CDA | cdaName=usa-quantity-ordered.cda | - | | CDA File Solution | cdaSolution | String | no | solution parameter | Solution of CDA File | cdaSolution=fusionSolution | - | | CDA File Path | cdaPath | String | no | path parameter | Path of CDA file | cdaPath=path | - | | CDA Parameters | cdaParameters | String | no | "" | Parameters to be passed to CDA | cdaParameters=year;day | - | | CDA ID Range Value | rangeValueCdaId | int () | no | - | Cda ID for the query that will get the color range values. When only one value is set the the range value will multiply with the value of targetValueCdaId query. If is set two values the first value will multiply with the second one. | rangeValueCdaId=3;5 | - | | CDA ID Target Value | targetValueCdaId | int | no | - | Cda ID for the query that will get the target value | targetValueCdaId=4 | - | | CDA output index | outputIndexId| int[.md](.md) | no | - | Cda output indexs | outputIndexId=4 | - | | Color Range | colorRange | string() | no | - | Array of color codes to use in color range. Used in charts with colorRange XML element (Ex. Gauge) | colorRange=FF654F;FF654F;F6BD0F;8BBA00 | - | | Display Value | displayValue | string() | no | - | Array of labels to use in color range. Used in charts with colorRange XML element (Ex. Gauge) | displayValue=Poor;Good;Very Good | - | | Dashboard Mode | dashboard-mode | Boolean | no | true | it's to render the chart into a dashboard | dashboard-mode=true | - | | parentYAxis | parentYAxis | string() | no | - | parentYAxis to each serie | parentYAxis=P;P;S | | | seriesTypes | seriesTypes | string() | no | - | This attribute defines what the particular data-set will be plotted as | seriesTypes=BAR;AREA | COLUMN, AREA or LINE | | SeriesName Name | seriesName | string | no | - | This attribute sets the name of the series if not defined use the name of the column of the meeasures | seriesName=Series1;Series2 | | | Series Param Name | seriesParam | string | no | - | This attribute sets the name of the series parameter in  Chart Link Template | seriesParam=series | | | Color List for Series| seriesColor | string | no | - | This attribute sets the color for each category acording to the serie index ONLY on Single Series Charts | seriesColor = FF654F;FF654F;F6BD0F | | | Categories Param Name | categoriesParam | string | no | - | This attribute sets the name of the category parameter in  Chart Link Template | categoriesParam=categories | | | Color List for Categories | categoriesColor | string | no | - | sets the color for each categorie acording to de category index. ONLY on Multi Series Charts | categoriesColor = FF654F;FF654F;F6BD0F | | | Value Param Name | valueParam | string | no | - | This attribute sets the name of the parameter with value in  Chart Link Template | valueParam=value | | | Chart Link Template | chartLink | string | no | - | The chart link parameter to be called when the user clicks on the chart. | chartLink=JavaScript: drillFunction('{series}','{categories}','{value}') | | | Chart XML Mode | chartXML | boolean | no | false | Defines when should be rendered only the chart xml   | chartXML=true | | | Realtime Datastamp Column | datastampColumn | string | no | - |Defines which dataset column will be used to forward incremental update values back to CDA   | datastampColumn=lastMaxId | | |Prevent Cross-site scripting (XSS) | preventXSS| boolean | no | false | If set to true a regex is applied preventing the user from sending javascript code. If chart links and other javascript are met to be used they must be defined on server side parameters either through global settings or the xfusion file. Besides that chart properties are limited to characters and digits or single characters. | preventXSS=true| true / false| |Regex that verifies XSS scripting | xssRegex| string | no | false | This regex is applied to all input parameters that come from the request, if any of them does not match an exception is thrown and the execution stops. The regex is only used if preventXSS is set to true. If no regex is defined a default is applied. | xssRegex=[\\w;]**|[\\w,]**|[\\w\\&\\[\\]\\.]_|[\\w**]**|[\\w\\-]**|[\\w/]**_| | # XPFusionChartComponent # ## List of parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Typeint
Is Mandatoryyes
Default-
Descriptiondefine which data access to be used in CDA file
ExampledataAccessId=2
| | CDA File Path | path |
Data TypeString
Is Mandatoryyes
Default-
DescriptionPath of CDA file
Examplepath=/path/DragNodeChart.cda
| | Connectors Data Access ID | connectorsDataAccessId |
Data Type int
Is Mandatory yes (for charts with connectors)
Default -
Description define which data access to be used in Connectors CDA file
Example connectorsDataAccessId=2
| | Connectors CDA File Path | connectorsPath |
Data Type String
Is Mandatory yes (for charts with connectors)
Default -
Description Path of CDA file for Connectors Data
Example connectorsPath=/path/DragNodeChart.cda
| | CDA Array | cdaArray |
Data Type Array
Is Mandatory no
Default -
Description Array of Objects with path's and dataAccessId's for charts with multiple datasets
Example cdaArray :[{path:"/public/plugin-samples/fusion-charts/Fusion Charts/CombinationCharts.cda", dataAccessId: "4"}]
| | CDA Refresh Interval | cdaRefreshInterval |
Data Type int
Is Mandatory no
Default -
Description define the refresh interval for realtime charts
Example cdaRefreshInterval : "5"
| | Width | width |
Data Type int
Is Mandatory yes
Default 300
Description chart width
Example width:200
| | Height | height |
Data Type int
Is Mandatory yes
Default 500
Description chart height
Example height:300
| | Chart Type | chartType |
Data Type string
Is Mandatory yes
Default 500
Description chart type
Example chartType: "DragNode"
| | Markers (Maps) | markers |
Data Type boolean
Is Mandatory no
Default false
Description Use Map Dataset as Markers
Example markers: true
| | Processes CDA Path | processesPath |
Data Type string
Is Mandatory no
Default -
Description Path of CDA file for the Processes data of the Gantt Chart
Example processesPath:"/path/Gantt.cda"
| | Processes Data Access ID | processesDataAccessId |
Data Type int
Is Mandatory no
Default -
Description Define which data access to be used in Processes CDA file
Example processesDataAccessId:2
| | Datatable CDA Path | datatablePath |
Data Type string
Is Mandatory no
Default -
Description Path of CDA file for the Datatable data of the Gantt Chart
Example datatablePath:"/path/Gantt.cda"
| | Datatable Data Access ID | datatableDataAccessId |
Data Type int
Is Mandatory no
Default -
Description Define which data access to be used in Datatable CDA file
Example datatableDataAccessId:2
| | Milestones CDA Path | milestonesPath |
Data Type string
Is Mandatory no
Default -
Description Path of CDA file for the Milestones data of the Gantt Chart
Example milestonesPath:'/path/Gantt.cda'
| | Milestones Data Access ID | milestonesDataAccessId |
Data Type int
Is Mandatory no
Default -
Description Define which data access to be used in Milestones CDA file
Example milestonesDataAccessId:2
| | Chart Properties | chartProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `chart` object
Example chartProperties: {palette: "2",xaxisminvalue: "0",xaxismaxvalue: "100",...}
| | Data Set Properties | dataSetProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `dataset` object
Example dataSetProperties : { plotborderalpha : "1", allowdrag: "1",...}
| | Connectors Properties | connectorsProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `connectors` object
Example connectorsProperties : {stdthickness: "5",...}
| | Trendlines Properties | trendlinesProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract trendlines or list of trendlines
Example trendlinesProperties:{path:"/path/DragNodeChart.cda",dataAccessId: "2",vertical:"1",...}
| | Vertical Trendlines Properties | vtrendlinesProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract vtrendlines or list of vtrendlines
Example vtrendlinesProperties:{path:"/path/DragNodeChart.cda",dataAccessId: "2",...}
| | Labels Properties | labelsProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract labels or list of labels
Example labelsProperties:{path:"/path/DragNodeChart.cda",dataAccessId: "3",...}
| | Categories Properties | categoriesProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract categories for the chart
Example categoriesProperties:{path: "/public/plugin-samples/fusion-charts/Fusion Charts/MultiSeriesCharts.cda",dataAccessId: "4"}
| | TrendPoint Properties | trendPointProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract trendpoint for the chart
Example trendPointProperties:{path: "/public/plugin-samples/fusion-charts/Fusion Charts/MultiSeriesCharts.cda",dataAccessId: "4"}
| | LineSet Properties | linesetProperties|
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract Linesets for the chart
Example linesetProperties:{path: "/public/plugin-samples/fusion-charts/Fusion Charts/MultiSeriesCharts.cda",dataAccessId: "4"}
| | Color Range Properties | colorRangeProperties |
Data Type Object
Is Mandatory no
Default -
Description cda parameters to extract color Range for the chart
Example colorRangeProperties:{path: "/public/plugin-samples/fusion-charts/Fusion Charts/MultiSeriesCharts.cda",dataAccessId: "4"}
| | Processes Properties (Gantt Chart) | processesProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `processes` object
Example processesProperties:{"headertext": "Task","fontcolor": "#000000","fontsize": "11","isanimated": "1","bgcolor": "#6baa01","headervalign": "bottom"}
| | Processes Properties (Gantt Chart) | processesProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `processes` object
Example processesProperties:{"headertext": "Task","fontcolor": "#000000","fontsize": "11","isanimated": "1","bgcolor": "#6baa01","headervalign": "bottom"}
| | Datatable Properties (Gantt Chart) | datatableProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `datatable` object
Example datatableProperties:{"showprocessname": "1","namealign": "left","fontcolor": "#000000"}
| | Tasks Properties (Gantt Chart) | tasksProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `tasks` object
Example tasksProperties:{"showprocessname": "1","namealign": "left","fontcolor": "#000000"}
| | Legend Properties | legendProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `legend` object
Example legendProperties:{}
| | Annotations Properties | annotationsProperties |
Data Type Object
Is Mandatory no
Default -
Description FusionCharts attributes used in `annotations` object
Example annotationsProperties:{}
| ## List of Chart parameters ## The parameters used in the `chartProperties` will be applied to the chart. To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the object `chart`. | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `chart` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `chart` object
Example chartProperties:{is3d: "0",showformbtn: "0",viewmode: "0"}
| ## List of Data Set parameters ## The parameters used in the `dataSetProperties` will be applied to the entire dataset if you want to apply the parameter to a specific data set use the following parameters. To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the object `dataset` or `data` if you want to use it in the `dataSetCallback` function. | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `dataset` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `dataset` object
Example dataSetProperties:{plotborderalpha : "1",allowdrag: "1"}
| | Data Set Call back | dataSetCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `data` object or `dataset` for charts with series
Example dataSetCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| | Data Call back | dataCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `data` object for charts with series
Example dataCallback(seriesname,data){if(seriesname === "Previous Year"){if(data.value < 12000){data.color = "FF0000";}}
| ## List of Connectors parameters ## The parameters used in the `connectorsProperties` will be applied to all connectors if you want to apply the parameter to a specific connector use the following parameters.To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the object `connectors` or `connector` if you want to use it in the `connectorCallback` function. | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `connectors` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts attributes used in `connector` object
Example connectorsProperties:{stdthickness: "5"}
| | Connector Call back | connectorCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `connector` object
Example connectorCallback: function (data){data.arrowatstart = "0";data.arrowatend = "0";}
| ## List of Trendlines parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Horizontal Trendlines | trendlines |
Data Type Array
Is Mandatory no
Default -
Description Draw the horizontal trendlines specified in the array
Example trendlines:[{line:[{startvalue: "0",endvalue: "30"},...]
| | Line Call back | lineCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `line` object
Example lineCallback: function(data){if(data.endvalue=="30"){data.color = "FF0000"; data.displayvalue = "External Network"};data.alpha = "5";data.istrendzone = "1";}
| If you use trendlines, parameters can't be applied to all of them. If you want to apply parameters to trendlines use `lineCallback`. To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the `line` object. ## List of Vertical Trendlines parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Vertical Trendlines | vtrendlines |
Data Type Array
Is Mandatory no
Default -
Description Draw the vertical trendlines specified in the array
Example vtrendlines:[{line:[{startvalue: "0",endvalue: "30"},...]
| | Vertical Line Call back | vlineCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `line` object
Example vlineCallback: function(data){if(data.endvalue=="30"){data.color = "FF0000"; data.displayvalue = "External Network"};data.alpha = "5";data.istrendzone = "1";}
| If you use trendlines, parameters can't be applied to all of them. If you want to apply parameters to trendlines use `vlineCallback`. To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the `line` object. ## List of Labels parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Labels | labels |
Data Type Object
Is Mandatory no
Default -
Description Draw the labels specified in the Object
Example labels: {label: [{ text: "External Network",x: "12",y: "99",color: "000000",fontsize: "18"},...]}
| | Label Call back | labelCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `label` object
Example labelCallback: function (data){labelCallback: function(data){data.color = "000000";data.fontsize = "18";}
| If you use labels, parameters can't be applied to all labels. If you want to apply parameters to them use the `labelCallback` parameter. To see all the available parameters for your chart go to the FusionCharts [List of Charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html) select your chart and you can use all the parameters on the object `label`. ## List of Categories parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Categories | categories |
Data Type Object
Is Mandatory no
Default -
Description Draw the categories specified in the Object
Example categories: {category: [{ text: "External Network",x: "12",y: "99",color: "000000",fontsize: "18"},...]}
| | Categories Call back | categoriesCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `categories` for charts with multiple categories
Example categoriesCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| | Category Call back | categoryCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `category`
Example categoryCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| | Category Call back | categoryCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `category` object for charts with multiple categories
Example categoryCallback(groupName,data){if(seriesname === "Previous Year"){if(data.value < 12000){data.color = "FF0000";}}
| If you want to apply parameters to a specific category object use the `categoriesCallback` and `categoryCallback` functions. ## List of TrendPoints parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | TrendPoint | trendPoint |
Data Type Object
Is Mandatory no
Default -
Description Draw the points specified in the Object
Example trendPoint: {point: [{ text: "External Network"},...]}
| | Point Call back | pointCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used on `point` object
Example pointCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| ## List of Color Range parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Color Range | colorRange |
Data Type Object
Is Mandatory no
Default -
Description Draw the Color Range specified in the Object
Example colorRange: { color: [{"minValue": "0","maxValue": "45",...},...]
| | Color Call back | colorCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `color`
Example pointCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| ## List of Lineset parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Line Set Callback | linesetCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `lineset`object
Example linesetCallback: function(data){data.showValues = "0";}
| | Line Set Data Callback | linesetDataCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `data`object inside `lineset` object
Example linesetCallback: function(seriesname,data){if(seriesname=="Profit %"){data.color = "FF0000";}}
| ## List of Legend parameters ## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | Data Access ID | dataAccessId |
Data Type int
Is Mandatory no
Default -
Description define which data access to be used in CDA file
Example dataAccessId:5
| | CDA File Path | path |
Data Type String
Is Mandatory no
Default -
Description Path of CDA file
Example path:"/path/DragNodeChart.cda"
| | Item | item |
Data Type Object
Is Mandatory no
Default -
Description Draw the items specified in the Object
Example "item": [{"label": "Planned","color": "#008ee4"},{"label": "Actual","color": "#6baa01"},...]
| ## List of Tasks parameters (Gantt Chart)## The Gantt chart does not have a dataset. Instead it has tasks. So like any other chart, to get the task for the gantt chart use use the Path and DataAccessId. | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `tasks` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `tasks` object
Example tasksProperties:{plotborderalpha : "1",allowdrag: "1"}
| | Task Call back | taskCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `task` object inside `lineset` object
Example taskCallback: function(data){data.height = "32%";if(data.label === "Planned"){data.toppadding = "12%";}else{data.toppadding = "56%";};}
| ## List of Processes parameters (Gantt Chart)## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `processes` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `processes` object
Example processesProperties:{plotborderalpha : "1",allowdrag: "1"}
| | Process Call back | processCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `process` object inside `lineset` object
Example processCallback: function(data) {if(data.id == "pc1"){data.width= "50";data.height = "40";}}
| ## List of Datatable parameters (Gantt Chart)## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `datatable` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `datatable` object
Example datatableProperties:{plotborderalpha : "1",allowdrag: "1"}
| | Datacolumn Call back | datacolumnCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `datacolumn` object
Example datacolumnCallback:function(data){data.bgcolor = "#eeeeee";data.headertext = data.headertext.replace(/ /g,"{br}");}
| | Text Callback | textCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `text`object inside `datacolumn` object
Example textCallback: function(headertext,data){if(headertext === "Actual Start Date"){if(data.label === "26/4/2014"){data.bgcolor = "E44A00"; data.bgAlpha = "40";};};}
| ## List of Milestones parameters (Gantt Chart)## | **Name** | **Key** | **Parameter Info** | |:----------|:---------|:---------------| | FusionCharts `milestones` parameters | (paramerter name) |
Data Type (parameter type)
Is Mandatory no
Default -
Description FusionCharts parameters used in `milestones` object
Example milestonesProperties:{plotborderalpha : "1"}
| | Milestone Call back | milestoneCallback |
Data Type Function
Is Mandatory no
Default -
Description FusionCharts attributes used in `milestone` object inside the `milestones` object
Example milestoneCallback:function(data){}
|