Hitachi Vantara Pentaho Community Wiki
Child pages
  • Flash XY Dot Chart

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin
Wiki Markup
{scrollbar}

XY Dot Chart

Anchor
xydotchart
xydotchart

The XY dot chart consists of pairs of values (plotted as points) drawn as marks for each series in the given dataset. This chart will have two numeric axes.

Dataset Guidelines

This expects its data as an XY dataset.

Required Properties

The following properties are required:

chart-type

Code Block
XML
XML
<chart-type>DotChart</chart-type>

dataset-type

Code Block
XML
XML
<dataset-type>XYSeriesCollection</dataset-type>

The example below contains the full set of additional supported properties with comments on its purpose and valid values.  It is recommended that new users start with this example as a starting place for building your first flash chart.

Example

The following chart definition will produce a chart similar to the example below.

Code Block
XML
XML
<chart>

  <!-- Define the chart type -->
  <chart-type>DotChart</chart-type>

  <!-- Specify the title of the chart -->
  <title>Chart Title</title>
    <title-font>
      <font-family>Arial</font-family>
      <size>18</size>
      <is-bold>true</is-bold>
    </title-font>

  <!-- General Chart Attributes -->
  <dataset-type>XYSeriesCollection</dataset-type>
  <dot-width>10</dot-width>
  <dot-label-content>{0},{1},{2}</dot-label-content> <!-- formatted label, using {0} - series name, {1} - x , {2} - y -->

  <!-- General Chart Formatting Propeties -->
  <chart-background type="color">#FFFFFF</chart-background>
  <plot-background type="color">#FFFFFF</plot-background>

  <!--  X-Axis properties (domain)-->
  <domain-title>Domain Title</domain-title>
  <domain-title-font>
    <font-family>Arial</font-family>
    <size>14</size>
    <is-bold>false</is-bold>
  </domain-title-font>
  <domain-minimum></domain-minimum>  <!-- defines the minimum starting point for x-axis -->
  <domain-maximum></domain-maximum>  <!-- defines the maximum ending point for x-axis -->
  <domain-color>#000000</domain-color>  <!-- color of x-axis -->
  <domain-grid-color>#FFFFFF</domain-grid-color>  <!-- color of vertical grid lines -->
  <domain-stroke>1</domain-stroke>  <!-- thickness of the x-axis -->
  <domain-steps>6</domain-steps>  <!-- specify the number of ticks, defaults to auto-calculated number -->

  <!--  Y-Axis properties (range) -->
  <range-title>Range Title</range-title>
  <range-title-font>
    <font-family>Arial</font-family>
    <size>14</size>
    <is-bold>false</is-bold>
  </range-title-font>
  <range-minimum></range-minimum>  <!-- defines minimum starting point for y-axis -->
  <range-maximum></range-maximum>  <!-- defines maximum ending point for y-axis -->
  <range-color>#000000</range-color>  <!-- color of y-axis -->
  <range-grid-color>#EAEAEA</range-grid-color>  <!-- color of horizontal grid lines -->
  <range-stroke>1</range-stroke>  <!-- thickness of y-axis -->
  <range-steps>6</range-steps>  <!-- specify number of ticks, defaults to auto-calculated number -->

  <!-- Specify the color palette for the chart -->
  <color-palette>
    <color>#0f3765</color>
    <color>#880a0f</color>
    <color>#B09A6B</color>
    <color>#772200</color>
    <color>#C52F0D</color>
    <color>#123D82</color>
    <color>#4A0866</color>
    <color>#445500</color>
    <color>#FFAA00</color>
    <color>#1E8AD3</color>
    <color>#AA6611</color>
    <color>#772200</color>
    <color>#8b2834</color>
  </color-palette>

</chart>