Fusioncharts chart properties and relationship

Configure Legend | FusionCharts

fusioncharts chart properties and relationship

Controls attributes of the connections between nodes. To specify properties of this object, you can use object literal notation, as shown here. studied' ; they needn't have any relation to the column names in the datatable). .. An object containing the crosshair properties for the chart. Line with multiple series. Visualize trends and relationships in multiple datasets over a continuous time span. Line with zooming & panning. Analyze of.

The appearance and interactivity are largely final, but many of the options available in Classic Charts are not yet available in them. You can find a list of options that are not yet supported in this issue. Also, the way options are declared is not finalized, so if you are using any of the classic options, you must convert them to material options by replacing this line: Scatter chartDiv ; materialChart.

Properties in FusionCharts | FusionCharts

ScatterChart chartDiv ; classicChart. If you want to customize this behavior, use the vAxis. In the code below, the axes and series options together specify the dual-Y appearance of the chart. The series option specifies which axis to use for each 'final grade' and 'hours studied'; they needn't have any relation to the column names in the datatable.

fusioncharts chart properties and relationship

The axes option then makes this chart a dual-Y chart, placing the 'Final Exam Grade' axis on the left and the 'Hours Studied' axis on the right. Top-X axes are available only for Material charts i.

If you want to put the X-axis labels and title on the top of your chart rather than the bottom, you can do that in Material charts with the axes. Scatter container ; Data format Rows: Each row in the table represents a set of data points with the same x-axis value. Click here to edit the above chart.

fusioncharts chart properties and relationship

The attributes to customize the values of highlight effect are: Specify the hex code for the data value background color using the valueBgColor attribute. Specify the hex code for the data value border color using the valueBorderColor attribute.

Specify the hex code for the data value font color using the valueFontColor attribute. If you don't include this attribute into the configuration string, then it takes the value assigned to the attribute color in the configuration string, as shown above. Refer to the code below: Set the Legend Position Use the following attributes to set legend position: Specify the position of the legend using the legendPosition attribute.

You can either set it below the chart for value bottom or to the right of the chart for value right. Set the legendAllowDrag attribute to 1 to make the legend draggable.

Line and Area Charts

FusionCharts will load here. Set the drawCustomLegendIcon attribute to 1 to enable drawing of a custom legend icon. All other legend icon customization attributes work only if you enable this feature. Specify the hex color code for the background of the legend icon using the legendIconBgColor attribute. Set the legend icon transparency using the legendIconAlpha attribute.

It takes values between 0 transparent and opaque; default.

Titles and Axis Names | FusionCharts

Set the legend icon background transparency using the legendIconBgAlpha attribute. Set the thickness of the legend icon border using the legendIconBorderThickness attribute.

  • Properties
  • Visualization: Scatter Chart
  • Titles and Axis Names

Specify the hex color code for the border of the legend icon using the legendIconBorderColor attribute. By default, it takes the data plot fill color. Set the starting angle for drawing the legend icon using the legendIconStartAngle attribute. Customize Legend Scroll Bar If you have multiple data items in a multi-series chart, the legend automatically displays a scroll bar. Use the legendScrollBgColor attribute to specify the background color of the scroll bar.