Next
Update
Prev
Default

A matrix chart shows relationships between two or more variables in a data set in grid format. The matrix chart is formed through at least two variables, for the X- and Y-categories. If there is a third or fourth variable, colour or other another dimension can be added to the matrix to represent it.

The <Matrix2DChart> element tag is used to create a matrix chart in KoolChart, and the series element tag for the matrix chart is <Matrix2DSeries>.

This sample chart is to show how to create an "image" type matrix chart.

...
<Matrix2DChart type="image" drawType="radius" ... >
  ...
  <series>
    <Matrix2DSeries xField="Data1_x" yField="Data1_y" zField="Data1" imageSource="../../KoolChart/Assets/Images/icon1.png" ... />
    <Matrix2DSeries xField="Data2_x" yField="Data2_y" zField="Data2" imageSource="../../KoolChart/Assets/Images/icon2.png" ... />
    <Matrix2DSeries xField="Data3_x" yField="Data3_y" zField="Data3" imageSource="../../KoolChart/Assets/Images/icon3.png" ... />
  </series>
  ...
</Matrix2DChart>
...

<Matrix2DChart>

type The type attribute determines the drawing or fill type of the cell in the grid. The valid values are "renderer", "fill", "image" and "plot".
drawType The drawType attribute determines which measure criteria will be used to draw the item in the cell. The valid values are "radius" and "area".

<Matrix2DSeries>

xField The xField attribute determines the field name of the horizontal axis ( horizontalAxis ).
yField The yField attribute determines the field name of the vertical axis ( verticalAxis ).
zField The zField attribute determines the field name of the data represented in the cell of the grid.
imageSource The imageSource attribute is used to set the directory and name of the image file.

© 2017 KoolChart. All rights reserved.