Packageeng.charts
Classpublic class TreeMapChart
InheritanceTreeMapChart Inheritance CartesianChart Inheritance ChartBase

The TreeMapChart class represents the chart by displaying the XML data in the form of a tree in a rectangular shape according to the size of each data.

Each rectangle can have different sizes and colors to represent the information of the data.

You can create a layout in the following format:

  
  <TreeMapChart showDataTips="true">
   <series>
    <TreeMapSeries ... />
   </series>
  </TreeMapChart>
  



Styles
 StyleDescriptionDefined by
 Inherited Type: Object

Sets the foreground elements of the chart.

The valid values are as follows:
  • AxisMarker
  • BrokenAxisLine
  • CanvasElement
  • CrossRangeZoomer
  • GridLines
  • ImageElement
  • Label
  • RadarGridLines
  • WingGridLines
CartesianChart
 Inherited Type: String

Sets the JavaScript function to be called when the user clicks the axis label.

e.g.) <...Chart axisClickJsFunction="axisClickFunc">

The function signature of axisClickJsFunction is as follows:

   function_name(id, text){ ...
CartesianChart
 Inherited Type: String

Sets the border color of the tooltips on the axis.

ChartBase
 Inherited Type: Number

Sets the border roundness of the tooltips on the axis.

ChartBase
 Inherited Type: String

Sets the border style of the tooltips on the axis.

ChartBase
 Inherited Type: Number

Sets the border thickness of the tooltips on the axis.

ChartBase
 Inherited Type: String

Sets the JavaScript function to be called to display the user-defined tooltips if the showHorizontalAxisDataTip or showVerticalAxisDataTip property is true.

e.g.) <...Chart axisDataTipJsFunction="axisDataTipFunc">

The function signature of axisDataTipJsFunction is as follows:

   function_name(id, text){ ...
CartesianChart
 Inherited Type: Number

Sets the radius of the mouse within which the axis tooltips displays.

ChartBase
 Inherited Type: Object

Sets the background elements of the chart.
The default value is GridLines.

The valid values are as follows:
  • AxisMarker
  • BrokenAxisLine
  • CanvasElement
  • CrossRangeZoomer
  • GridLines
  • ImageElement
  • Label
  • RadarGridLines
  • WingGridLines
CartesianChart
 Inherited Type: Boolean

Indicates whether to use the hand cursor when hovering over a data point on the chart.

ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user clicks on the chart.

e.g.) <...Chart chartClickJsFunction="chartClickHandler">

The function signature of chartClickJsFunction is as follows:

   function_name(id){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user double-clicks on the chart.

e.g.) <...Chart chartDoubleClickJsFunction="chartDoubleClickHandler">

The function signature of chartDoubleClickJsFunction is as follows:

   function_name(id){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-outs the chart.

e.g.) <...Chart chartOutJsFunction="chartOutHandler">

chartOutJsFunction is as follows:

   function_name(id){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-overs the chart.

e.g.) <...Chart chartOverJsFunction="chartOverHandler">

The function signature of chartOverJsFunction is as follows:

   function_name(id){ ...
ChartBase
  
colorAxis
Type: Object

Sets the color legend.

The default value is null.
TreeMapChart
 Inherited Type: Boolean

Indicates whether to set the background color of the tooltips to the color of the series.

ChartBase
 Inherited Type: Uint

Sets the border color of the tooltips.

ChartBase
 Inherited Type: String

Sets the border color of the tooltips.

ChartBase
 Inherited Type: Boolean

Indicates whether to set the border color of the tooltips to the color of the series.

ChartBase
 Inherited Type: Number

Sets the border roundness of the tooltips.

ChartBase
 Inherited Type: String

Sets the border style of the tooltips.

The valid values are none, solid, inset and outset.

  • none - Does not draw the border line.
  • solid - Draws the border line on the border itself.
  • inset - Draws the border line inside the border.
  • outset - Draws the border line outside the border.
ChartBase
 Inherited Type: String

Sets the border style of the tooltips.

ChartBase
 Inherited Type: Number

Sets the border thickness of the tooltips.

ChartBase
 Inherited Type: Number

Sets the border thickness of the tooltips.

ChartBase
 Inherited Type: String

Sets the display type of the tooltips.

The valid values are as follows:
  • none: When the user hovers over a data point on the chart, a tooltips appears at the data point.
  • mouse: When the user hovers over a data point on the chart, the tooltips moves along with the mouse.
  • axis: A tooltips is displayed at the position of the data points on the same X coordinate (Y coordinate of the bar chart).
ChartBase
 Inherited Type: Boolean

Indicates whether to set the font color of the tooltips to the color of the series.

ChartBase
 Inherited Type: Object

Sets the formatter that applies to the tooltips.

The valid values are as follows:

  • NumberFormatter
  • CurrencyFormatter
  • DateFormatter
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called to display the user-defined tooltips when the user mouse-overs the data point.
Sets the value of the dataTipJsFunction property to the name of a JavaScript function.

e.g.) <...Chart showDataTips="true" dataTipJsFunction="myDataTip">

The function signature of dataTipJsFunction is as follows:

  function_name(seriesId, seriesName, index, xName, yName, data, values) { ...
ChartBase
 Inherited Type: String

Sets the display method of the tooltips when the showDataTips property is set to true.

The valid values are as follows:
  • "single": When mouse over, one tooltips of the data point closest to the mouse point is displayed.
  • "multiple": When mouse over, multiple tooltips of data points near the mouse point are displayed.
ChartBase
 Inherited Type: String

Sets the display order of the tooltips if the dataTipDisplayMode property is set to axis.
The valid values are "normal" and "reverse".

ChartBase
 Inherited Type: String

Sets the style name of the tooltips.
Sets the name defined in the <Style> node.

ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the chart creation is complete.

e.g.) <...Chart displayCompleteCallFunction="displayCompleteFunc">

The function signature of displayCompleteCallFunction is as follows:

   function_name(id){ ...
ChartBase
 Inherited Type: Boolean

Indicates whether to enable double-click in the chart area.

ChartBase
 Inherited Type: Boolean

Indicates whether to apply effects.

ChartBase
 Inherited Type: Boolean

Indicates whether to apply patterns for visually impaired users.
If the chart setting variable, chartVars, is set to "&usePattern = true" within the HTML that generates the chart,
and the value of this property is true, the pattern is applied to the chart.

ChartBase
 Inherited Type: String

Sets the field name of the data to be displayed for the group category.

CartesianChart
 Inherited Type: Number   Format: Length

Sets the size of the bottom margin between the axis and the area where the data points of the chart are represented.
When it is not set, the size is calculated automatically.

CartesianChart
 Inherited Type: Number   Format: Length

Sets the size of the left margin between the axis and the area where the data points of the chart are represented.
When it is not set, the size is calculated automatically.

CartesianChart
 Inherited Type: Number   Format: Length

Sets the size of the right margin between the axis and the area where the data points of the chart are represented.
When it is not set, the size is calculated automatically.

CartesianChart
 Inherited Type: Number   Format: Length

Sets the size of the top margin between the axis and the area where the data points of the chart are represented.
When it is not set, the size is calculated automatically.

CartesianChart
 Inherited Type: Object

Sets the horizontal axis of the chart.
In general, for area charts, you use CategoryAxis for the horizontal axis, but you can also use LinearAxis or DateTimeAxis in some cases.

CartesianChart
 Inherited Type: Object

Sets the horizontal axis renderer.
For example, you might need to define a renderer to set the horizontal axis position, color, text style, etc.

CartesianChart
 Inherited
id
Type: String

Sets the identifier of the object.

ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user clicks the data point (item).
Sets the value of the itemClickJsFunction property to the name of a JavaScript function.

e.g.) <Column2DChart showDataTips="true" itemClickJsFunction="chartClick">

The function signature of itemClickJsFunction is as follows:

  function_name(seriesId, displayText, index, data, values) { ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user double-clicks an item.

e.g.) <...Chart itemDoubleClickJsFunction="itemDoubleClickHandler">

The function signature of itemDoubleClickJsFunction is as follows:

   function_name(seriesId, displayName, index, data, values){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-downs on an item.

e.g.) <...Chart itemDownJsFunction="itemDownHandler">

The function signature of itemDownJsFunction is as follows:

   function_name(seriesId, displayName, index, data, values){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-moves over an item.

e.g.) <...Chart itemMoveJsFunction="itemMoveHandler">

The function signature of itemMoveJsFunction is as follows:

   function_name(eventName, items){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-outs an item.

e.g.) <...Chart itemOutJsFunction="itemOutHandler">

The function signature of itemOutJsFunction is as follows:

   function_name(eventName, items){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-overs an item.

e.g.) <...Chart itemOverJsFunction="itemOverHandler">

The function signature of itemOverJsFunction is as follows:

   function_name(eventName, items){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the user mouse-ups an item.

e.g.) <...Chart itemUpJsFunction="itemUpHandler">

The function signature of itemUpJsFunction is as follows:

   function_name(seriesId, displayName, index, data, values){ ...
ChartBase
 Inherited Type: String

Sets the JavaScript function to be called when the data area of the chart reaches the end of the scroll bar.

e.g.) <...Chart lazyJsFunction="lazyData">

The function signature of lazyJsFunction is as follows:

   function_name(id){ ...
CartesianChart
 Inherited Type: Number

Sets the maximum number of the tooltips displayed if the dataTipMode property is set to multiple.

ChartBase
 Inherited Type: Number

Sets the radius of the mouse within which the tooltips of data points displays.
The larger the value is, the more tooltips (data points included in the larger radius of the mouse) are displayed.

ChartBase
 Inherited Type: Number

Sets the size of the bottom margin in pixels.

ChartBase
 Inherited Type: Number

Sets the size of the left margin in pixels.

ChartBase
 Inherited Type: Number

Sets the size of the right margin in pixels.

ChartBase
 Inherited Type: Number

Sets the size of the top margin in pixels.

ChartBase
 Inherited Type: String

Sets how the item is highlighted when hovering or clicking on a data point on the chart.
The valid values are "none", "single" and "multiple".

ChartBase
 Inherited Type: Object

Sets a series of data displayed on the chart.
The valid values are Column2DSeries, Area2DSet, Column3DSet, Bar3DSeries, etc.

ChartBase
 Inherited Type: Boolean

Indicates whether to display the marker of the same color as the color of the corresponding series.

ChartBase
 Inherited Type: Boolean

Indicates whether to display the tooltips when the mouse over the data point on the chart.

ChartBase
 Inherited Type: Boolean

Indicates whether a circle is displayed at the data point that is hovered when a tooltips appears on the chart.

ChartBase
 Inherited Type: Boolean

Indicates whether to connect the tooltips to the line when the dataTipMode property is set to multiple and multiple tooltips are displayed.

ChartBase
 Inherited Type: Boolean

Indicates whether to show the tooltips for the horizontal axis.

CartesianChart
 Inherited Type: Boolean

Indicates whether to show the tooltips for the vertical axis.

CartesianChart
 Inherited Type: Boolean

Indicates whether to pass the touchMove event to the browser when moving the chart area with fingers on mobile devices.
If the touchMove event is passed to the browser, the browser scrolls when the touchMove event occurs in the chart area,
otherwise, the scrolling does not occur within the chart area.
This property is to allow the user to manage the touchMove event because it is difficult to see the tooltips if the browser scrolls.

ChartBase
 Inherited Type: Object

Sets the vertical axis of the chart.
In general, for area charts, you use LinearAxis for the vertical axis, but you can also use CategoryAxis or DateTimeAxis.

CartesianChart
 Inherited Type: Object

Sets the vertical axis renderer.
For example, you might need to define a renderer to set the vertical axis position, color, text style, etc.

CartesianChart