Chart

The Chart Page allows you to define characteristics of your charts.

Chart Appearance contains the following elements

 

Table 15. Chart Appearance

Element	Description
Chart Width	Allows you to specify the width of the chart in pixels.
Chart Height	Allows you to specify the height of the chart in pixels.
Chart Attributes	For more information, see Chart Attributes.
Trend Lines	For more information, see Trend Lines.
Style	For more information, see Styles.
Series Appearance	For more information, see Series Appearance.

Chart Attributes

Advanced Mode

Turn on Advanced Mode if you want to edit Chart Attributes in XML format.

Title and Axis Name

The Chart View allows you to add a caption, sub-caption, x-axis title, and y-axis title for your charts. You can configure the font properties for each of them individually or collectively. You can also apply styles and animation effects to them.

 

Table 16. Title and Axis

Element	Description
Caption	Allows you to add a title.
Sub-caption	Allows you to add a subtitle to your chart.
X-Axis Name	Allows you to set the x-axis name.
Y-Axis Name	Allows you to seta y-axis name.
Rotate Y Axis Name	Allows you to set rotate the name of the y-axis. The y-axis name is rotated by default on the chart. If you're using UTF-8 characters, those characters would not appear in rotated mode, as the qSIChartView uses embedded characters for rotation. In that case, you can opt to show y-axis name in horizontal form by setting this attribute to false.
Y Axis Name Width	Allows you to set the maximum width that the non-rotated y-axis title can assume.

Border and Background

Background refers to the entire background of the chart.

You can also have a border around the chart. By default, the border is on in 2D charts and off in 3D Charts.

Shown below is a chart with a border around the chart.

Figure 2. Border around chart

 

Table 17. Border and Background

Element	Description
Show Border	Allows you to show a border around the chart. By default, it is set to true in 2D charts and false in 3D charts.
Border Color	Allows you to set the border color of the chart. Use hex color code. To use the color picker, click on the color swatch square.
Border Thickness	Allows you to set the border thickness of the chart (in pixels).
Border Alpha	Allows you to set the border alpha (transparency) of the chart. The range is from 0-100.
Background Color	Allows you to fill the background as gradient. If you need to define two (or more) colors, separate them by a comma.
Background Alpha	Allows you to specify a respective alpha (transparency) for each color code that you've specified in the Background Color attribute, Separate the alphas by comma. The range is from 0-100
Background Ratio	Allows you to set the ratio of each color in the gradient on a scale of 100. The total ratios specified as this attribute should sum up to 100. For example, if you want to plot a equidistant gradient for 2 colors, specify Background Ratio as "0,100".
Background Angle	Allows you to set the angle of the gradient fill.
Background Image or SWF URL	Allows you to specify an external image (GIF,JPEG, or PNG only) or a SWF file as the background of the chart. Specify the URL (with relative path) of the background image or SWF File. Make sure that the image and the chart SWF file are in the same sub-domain. If you specify an absolute URL, the background image will not be shown.
Background Image or SWF Alpha	Allows you to configure the alpha of the background (loaded) image using this property.

Chart Canvas

Canvas refers to the area in which the chart is plotted.

Figure 3. Canvas

 

Table 18. Canvas

Element	Description
Canvas Border Color	Allows you set the border color for the Canvas. Use hex color code. To use the color picker, click on the color swatch square.
Canvas Border Thickness	Allows you set thickness of canvas border (in pixels)
Canvas Border Alpha	Allows you set alpha for canvas border.
Canvas Background Color	Allows you set the background color for the Canvas. Use hex color code. To use a gradient fill, specify all the colors of the gradient separated by commas.
Canvas Background Alpha	Allows you to specify a respective alpha (transparency) for each color code that you've specified in Canvas Background Color attribute. Separate the alphas by comma.
Canvas Background Ratio	Allows you to set the ratio of each color in the gradient on a scale of 100. The total ratios specified as this attribute should sum up to 100. For example, if you want to plot a equidistant gradient for 2 colors, specify canvasbgRatio as "0,100".
Canvas Background Angle	Allows you to set the angle of the gradient fill (in degrees - 0-360).
Show Canvas Background	Allows you to set the canvas background for a 3D chart (and canvas).
Show Canvas Base	Allows you to set the canvas base for a 3D chart (and canvas).
Canvas Background Depth	Allows you to set the depth of canvas background for a 3D chart (and canvas).
Canvas Base Depth	Allows you to set the height of canvas base (in pixels) for a 3D chart (and canvas).

Data Plot

Plot refers to the column, lines in a column, line chart respectively.

For all the charts, you can specify custom color for each data plot using the color attribute of <set /> element. The color must be in hex code format (RRGGBB) without #.

<chart ....>

    <set label='Jan' value='420000' color='FF0000'/>

    <set label='Feb' value='910000' color='00FF00'/>

    <set label='Mar' value='720000' color='0000FF'/>

    ....

</chart>

Figure 4. Data Plot

By default, most charts have FFFFFF as the plot gradient color. If you wish to use solid fills for the column (or area), use the Plot Gradient Color attribute without any color defined for it, that is, plotGradientColor=''

<chart plotGradientColor='' ....>

    <set label='Jan' value='420000' color='FF0000'/>

    <set label='Feb' value='910000' color='00FF00'/>

    <set label='Mar' value='720000' color='0000FF'/>

    ....

</chart>

Figure 5. Data Plot with solid fills

 

 

Table 19. Data Plot

Element	Description
Plot Gradient Color	Allows you to globally add a gradient color to the entire plot (column, area) of chart by specifying a color as its attribute.
Plot Fill Angle	Allows you set the fill angle for gradient if you've opted to fill the plot (column, area) as gradient. The range is from 0 - 360.
Plot Fill Ratio	Allows you set the ration for gradient if you've opted to fill the plot (column, area) as gradient. The range is from 0 - 100.
Plot Fill Alpha	Allows you set the fill alpha for gradient if you've opted to fill the plot (column, area) as gradient.
Show Plot Border	Allows you to show or hide the plot border. By default, each data plot (column, area, pie) shows a border.
Plot Border Dashed	Allows you to make the plot border dashed by setting this attribute to true.
Plot Border Dash Length	Allows you to set the length of each dash.
Plot Border Dash Gap	Allows you to set the gap between each dash.
Use Round Edges	Allows you to plot columns/bars with rounded edges and glass effect gradients in charts that support 2D Columns or Bars (like column charts, bar charts, 2D combination charts). NOTE: In this mode, the following features do not work: • When you plot the columns with rounded edges, shadow is applied to them by default and show Shadow attribute no longer works. If you want to remove shadow from this mode, override the shadow with a new shadow style (applied to DATAPLOT) with alpha as 0. • Plot fill properties like gradient color, angle. no longer work as the colors for gradient are now calculated by the chart itself. • Plot border properties no longer work in this mode. Also, you cannot render the border as dash in this mode.

Data Labels

Data labels refer to the names for the data points that appear on the x-axis.

Figure 6. Data Labels

In the chart shown above, the dates are the data labels for the chart. By default, they get wrapped when there is not enough space on the chart.

 

Table 20. Data Labels

Element	Description
Show Labels	Allows you to show the data labels.
Label Display	Allows you to display the data labels can be displayed on the charts in the following ways: • Wrap — By default, all the labels are shown in wrap mode, which enables you to wrap your long x-axis labels in multiple lines. • Rotate — allows you to rotate or slant the x-axis labels. • Stagger — distributes labels into multiple lines (by default 2). NOTE: Rotate mode does not work if you have non-English characters in your x-axis labels as the charts use embedded fonts to render rotated labels.
Slant Labels	Allows you to slant the labels at 45 degrees if you are using the Rotate mode for the Label Display.
Stagger Lines	Allows you to choose the number of lines to stagger the labels if you are using the Stagger mode for the Label Display.
Label Step	Allows you to show every n-th label instead of all labels if your X Axis labels represent a continuous quantity like time and date.

Data Values

Data values refer to the plot values such as line, column, and bar displayed beside it.

Figure 7. Data Values

In the chart shown above, the dollar values appearing above the column are the data values.

 

Table 21. Data Values

Element	Description
Show Values	Allows you to show data values. By default, the data values are shown. To hide them, set this attribute to false.
Rotate Values	Allows you to rotate the values. By default, the chart will show the data values horizontally.
Place Values Inside	Allows you to place the data values inside the columns.

External Logo

You can load external logos at run-time to be displayed over the chart. The logos can be GIF/JPEG/PNG or SWF files that reside on the same sub-domain as the chart SWF.

Figure 8. External Logo

 

Table 22. External Logo

Element	Description
Logo URL	Allows you to specify the URL of the logo. You may use relative or absolute URL as long as the image and the chart SWF file are in the same sub-domain.
Logo Position	Allows you to set the position of the logo can be configured using this attribute.
Logo Alpha	Allows you to set the opacity of the logo once it has loaded.
Logo Scale	Allows you to set the scale of the logo, once it has loaded. The scale of 100 will display the logo in its original size. The scale of less than 100 will shrink the logo. The scale of more than 100 will enlarge the logo.
Logo Link	Allows you to link the logo to an external URL. This link can open in same window, new window, pop-up windows or frames. For information on how to format the link, see Trend Lines.

Font Properties

You can specify generic font properties for all the text on the chart using the attributes given below.

 

Table 23. Font Properties

Element	Description
Base Font Name	Allows you set the font face (family) of all the text (data labels, values) on chart. If you specify Outside Canvas Base Font Name attribute also, then this attribute controls only the font face of text within the chart canvas bounds.
Base Font Size	Allows you to set the base font size of the chart, that is, all the values and the names in the chart that lie on the canvas are displayed using the font size provided here. The range is from 0 - 72.
Base Font Color	Allows you to set the base font color of the chart, that is, all the values and the names in the chart that lie on the canvas are displayed using the font color provided here. Use hex color code. To use the color picker, click on the color swatch square.
Outside Canvas Base Font Name	Allows you classify all the text in the chart into 2: the text inside the canvas which consists of only the tool tip and the data values and all the text outside the canvas. You can define a base font group for all the text outside the canvas as well. This attribute sets the base font family of the chart font which lies outside the canvas, that is, all the values and the names in the chart that lie outside the canvas are displayed using the font name provided here.
Outside Canvas Base Font Size	Allows you to set the base font size of the chart, that is, all the values and the names in the chart that lie outside the canvas are displayed using the font size provided here. The range is from 0 - 72
Outside Canvas Base Font Color	Allows you to set the base font color of the chart, that is, all the values and the names in the chart that lie outside the canvas are displayed using the font color provided here.

Chart Palettes

qSIChartView offers 5 palettes. The palette theme configures colors of the following:

•	Background and border

•	Canvas border and background

•

Fonts

•	4Div lines

•

Tooltip

•

Anchors

•

Legend

The internal palette does not cover the color of the data items. To change the color of the data items, use the Palette Colors attribute or Series Appearance property.

 

Table 24. Chart Palettes

Element	Description
Palette	Allows you to select the palette number.
Palette Colors	Allows you to specify your own palette for data items by providing a list of hex colors.

Y Axis

Chart limits are the minimum and maximum y-axis values. qSIChartView automatically calculates the best chart limits when you do not specify them explicitly.

.

 

Table 25. Y Axix

Element	Description
Y Axis Min Value	Allows you to set the chart limits explicitly.
Y Axis Max Value	Allows you to set the chart limits explicitly. NOTE: The Y Axis Max Value must be bigger than any of the values in the data series. Otherwise, the value will not be honored by the chart view.
Set Adaptive Y Min	Allows you to set whether the y-axis lower limit would be 0 (in case of all positive values on chart) or should the y-axis lower limit adapt itself to a different figure based on values provided to the chart.
Primary Y Axis Min Value	Allows you to explicitly set the lower limit of the primary y-axis. If you do not specify this value, it is automatically calculated by qSIChartView based on the data provided by you.
Primary Y Axis Max Value	Allows you to explicitly set the upper limit of the primary y-axis. If you do not specify this value, it is automatically calculated by qSIChartView based on the data provided by you.
Secondary Y Axis Min Value	Allows you to explicitly set the lower limit of the secondary y-axis. If you do not specify this value, it is automatically calculated by qSIChartView based on the data provided by you.
Secondary Y Axis Max Value	Allows you to explicitly set the upper limit of the secondary y-axis. If you do not specify this value, it is automatically calculated by qSIChartView based on the data provided by you.
Primary Y Axis Name	Allows you to set the primary y-axis title.
Secondary Y Axis Name	Allows you to set the secondary y-axis title.
Set Adaptive Secondary Y Min	Allows you to set whether the secondary y-axis lower limit would be 0 (in case of all positive values on chart) or should the y-axis lower limit adapt itself to a different figure based on values provided to the chart.
Primary Y Axis Name Width	Allows you to set choose a maximum width (in pixels) that is applied to primary y-axis name, if you do not rotate y-axis name.
Secondary Y Axis Name Width	If you opt to not rotate y-axis name, you can choose a maximum width (in pixels) that is applied to secondary y-axis name.

Division Lines

Divisional lines are horizontal lines running through the canvas. They break up the y axis into smaller units helping in better visual data interpretation.

Figure 9. Division Lines

 

 

Table 26. Division Lines

Element	Description
Adjust Division Lines	Allows you to explicitly specify the y-axis upper and lower limit values, and also the number of divisional lines. In those cases, you need to automatic adjustment of divisional lines by setting this attribute to false. Then you can specify the y-axis upper and lower limits using the Y Axis Max Value and Y Axis Min Value attributes respectively.
Number of Division Lines	Allows you to set the number of divisional lines.
Div Line Effect	Allows you to enable to apply an effect, for example, EMBOSS, or BEVEL to the divisional lines. This attribute is applicable to MultiSeriesCombination3D chart type only.
Show Y Axis Values	Allows you to show all the y-axis values.
Y Axis Values Step	Allows you to skip every nth Y Axis value.
Division Lines	Allows you to set the color for divisional lines.
Division Lines Thickness	Allows you to set the thickness of divisional lines. The range is from 1 - 5.
Division Lines Alpha	Allows you to set the alpha of divisional lines. The range is from 0 - 100.
Is Dashed	Allows you to set the divisional line to be dashed.
Division Lines Dash Length	Allows you to set the length of each dash.
Division Lines Dash Gap	Allows you to set the gap between each dash.
Show Alternate H Grid Color	Allows you to set the horizontal grid bands alternately between the divisional lines for all 2D charts. They can be hidden by setting this attribute to false.
Alternate H Grid Color	Allows you to set the color of the horizontal grid bands.
Alternate H Grid Alpha	Allows you to set the alpha of the horizontal grid bands. The range is from 0 - 100.
Vertical Div Lines	Allows you to set the vertical divisional lines running through the canvas in a line/area chart. They help in relating the data to its respective label, when there is a large amount of data.
Number of Vertical Div Lines	Allows you to set the number of vertical div lines.
Vertical Div Lines Color	Allows you to set the color of the vertical axis division lines.
Vertical Div Lines Thickness	Allows you to set the thickness of the vertical axis division lines in pixels.
Vertical Div Lines Alpha	Allows you to set the alpha of vertical axis division lines. The range is from 0 - 100.
Is Dashed	Allows you to set the vertical axis division lines as dashed.
Vertical Div Lines Dash Length	Allows you to set the length of each dash.
Vertical Div Lines Dash Gap	Allows you to set the gap between each dash.
Show Alternate V Grid Color	Allows you to set the vertical grid bands alternately between the vertical divisional lines.
Alternate V Grid Color	Allows you to set the color of the alternate vertical grid bands.
Alternate V Grid Alpha	Allows you to set the alpha (transparency) of the alternate vertical grid bands.
Show V Line Label Border	Allows you to set the borders for all labels for vLines in the chart. If you want to show label border for just a particular vLine, you can override this value by specifying border configuration for that specific vLine.

Zero Plane

Zero plane is a plane which separates the positive and negative numbers on a chart having both of them.

Figure 10. Zero Plane

 

 

Table 27. Zero Plane

element	description
Show Zero Plane	Allows you set the zero plane in the column, line, and the area chart. It can be removed in the line chart but not in the column or the area chart because they use this as their base to draw. It can be removed in the line chart by setting this attribute to false.
Zero Plane Color	Allows you set the color of the zero plane.
Zero Plane Alpha	Allows you set the alpha (transparency) of the zero plane. The range is from 0 -100.
Zero Plane Thickness	Allows you set the thickness of the zero plane in pixels.
Zero Plane Show Border	Allows you set the whether to show border of zero plane for a 3D chart.
Zero Plane Border Color	Allows you set the border color of zero plane for a 3D chart.
Zero Plane Mesh	Allows you set the whether to draw the zero plane as a wireframe mesh or as a filled plane. If set to true, a mesh on the zero plane of the chart is drawn. This attribute is applicable to MultiSeriesCombination3D chart type only.

Anchors

Each data point in a line or area chart is represented by an anchor. The anchors help identify the data point better in the chart. They also show a tool tip showing the data point details when the mouse is hovered over them, and can be linked to other pages as well.

Figure 11. Anchors

 

Table 28. Anchors

Element	Description
Draw Anchors	Allows you show the anchors. The anchors are displayed by default. To hide them, set this attribute to false. Once the anchors are hidden, the tool tips for the data points will not be displayed and the links will not work.
Anchor Alpha	Allows you set the alpha of entire anchors. The range is from 0 - 100. If you need to hide the anchors but still have tool tip and link, set Anchor Alpha to ‘0’
Anchor Sides	Allows you to set the number of sides the anchor will have. For example, an anchor with 3 sides would represent a triangle, with 4 it would be a square. The range is from 3 - 20.
Anchor Radius	Allows you to set the radius (in pixels) of the anchor. The greater the radius, the bigger the anchor size.
Anchor Border Color	Allows you to set the border color of anchors.
Anchor Border Thickness	Allows you to set the border thickness (in pixels) of the anchors.
Anchor Background Color	Allows you to set the background color of anchors.
Anchor Background Alpha	Allows you to set the alpha of anchor background. The range is from 0 - 100.

Tool Tip

A tool tip is shown when the mouse is hovered over a particular data point. It shows the following information:

•	Single series chart (except pie & doughnut): Name & value

•	Pie & Doughnut: Name & value/percentage

•	Multi-series & combination chart: Series Name, Category Name, Data Value

Figure 12. Tool Tip

 

 

Table 29. Tool Tip

Element	Description
Show Tool Tip	Allows you to set the tool tip.
Show Tool Tip Shadow	Allows you to show the tool tip shadow.
Tool Tip Border Color	Allows you to customize the border color of the tool tip.
Tool Tip Background Color	Allows you to customize the background color of the tool tip.
Tool Tip Separator Character	Allows you to specify a character to separate the name and value displayed in tool tip.
Series Name in Tool Tip	Allows you to control whether series name will appear in the tool tip. For multi-series and combination charts, qSIChartView shows the following information in tool tip (unless tool text is explicitly defined): "Series Name, Category Name, Data Value".
Show Percent In Tool Tip	Allows you to show percentage values in Tool Tip for Pie or Doughnut chart. By default, the Pie or Doughnut chart shows percentage values in Tool Tip.

Paddings and Margins

qSIChartView lets you define various paddings and margins using pixels. These attributes are listed one-by-one below.

By default, qSIChartView provides some padding between the chart border and the canvas. This is called the chart margin and each margin can be set individually.

Figure 13. Paddings and Margins

 

Table 30. Paddings and Margins

Element	Description
Left Margin	Allows you to set the amount of empty space on the left side of your chart. Nothing is rendered in this space.
Right Margin	Allows you to set the amount of empty space on the right side of your chart. Nothing is rendered in this space.
Top Margin	Allows you to set the amount of empty space ton the top of your chart. Nothing is rendered in this space.
Bottom Margin	Allows you to set the amount of empty space on the bottom of your chart. Nothing is rendered in this space.
Canvas Left Margin	Allows you to set the amount of empty space on the left side of the canvas. Nothing is rendered in this space.
Canvas Right Margin	Allows you to set the amount of empty space on the right side of the canvas. Nothing is rendered in this space.
Canvas Top Margin	Allows you to set the amount of empty space t on the top of the canvas. Nothing is rendered in this space.
Canvas Bottom Margin	Allows you to set the amount of empty space on the bottom of the canvas. Nothing is rendered in this space.
Caption Padding	Allows you to set the amount of space between the caption of the chart and the top of the chart canvas. If you have a sub-caption defined in the chart, it controls the space between the sub-caption and the top of the chart canvas.
X Label Gap	Allows you to set the vertical space between the labels and canvas wall edge. If you want more space between the canvas and the x-axis labels, you can use this attribute to control it.
Y Label Gap	Allows you set the horizontal space between the canvas wall edge and the y-axis values or trend line values (on left/right side). This is particularly useful, when you want more space between your canvas and y-axis values.
X Axis Name Padding	Allows you to set the distance between the top of x-axis title and the bottom of data labels (or canvas, if data labels are not shown).
Y Axis Name Padding	Allows you to set the padding between the y-axis name and values.
Y Axis Values Padding	Allows you to set the padding between the left end of the chart canvas and the y-axis values.
Label Padding	Allows you to set the vertical space between the canvas bottom edge and the data labels.
Value Padding	Allows you to control the space between your columns/anchors and the value textboxes.
Canvas Padding	For a line/area chart, allows you to set the padding between the canvas border and the position where the line/area chart begins to draw is called canvas padding.
Plot Space Percent	On a column chart, allows you to set the spacing between two columns. By default, the spacing is set to 20% of canvas width. For example, if you wanted all columns to stick to each other without any space in between, you can set plotSpacePercent to 0. Similarly, if you want very thin columns, you can set plotSpacePercent to its max value of 80.

Smart Labels and Lines

Smart labels are the labels for the pie/doughnut chart. The smart labels prevent overlapping of labels even when large number of labels are placed in close vicinity.

Figure 14. Smart Labels and Lines

 

Table 31. Smart Labels and Lines

Element	Description
Enable Smart Labels	Allows you to enable the smart labels (if required to save chart space or when there are few pie segments). When the smart labels are switched off, the pie labels would be displayed without the smart label lines. But if they number of labels increases and smart labels are not being used, then the labels might overlap.
Smart Line Color	Allows you to set the color of smart label connector lines.
Smart Line Thickness	Allows you to set the thickness (in pixels) of smart label connector lines.
Smart Line Alpha	Allows you to set the alpha (transparency) of smart label connector lines. The range is 0 - 100.
Is Smart Line Slanted	Allows you to set the smart lines (smart label connector lines) in two ways: Slanted or Straight.
Label Distance	Allows you to set the distance of the label/value text boxes from the pie/doughnut edge in pixels. You must set Enable Smart Labels to false for this attribute to take effect.
Smart Label Clearance	Allows you to set the clearance distance of a label (for sliced-in pies) from adjacent sliced out pies in pixels.
Skip Overlap Labels	Allows you to skip the overlapping labels if you have too many labels in your pie chart (which is difficult to adjust even using smart labels). In that case, you have the option to set this attribute to true. The labels of the least significant pies would be removed.
Show Percent Values	Allows you to set the actual value of the pie segment to be displayed in the label or the percentage value. By default, the actual values are displayed. When you want to display their percentages, set this attribute to true.

Legend

In multi-series/combination charts, the series name of each dataset shows up in the legend of the chart. This helps you relate a data plot to its series name using its color. The legend does not appear for single-series charts because there is only one series in the chart.

Figure 15. Legend

The legend below the chart helps identify the series name.

 

Table 32. Legend

Element	Description
Show Legend	Allows you to show the legend.
Interactive Legend	Allows you to make the legend interactive. Interactive Legend only works for a combination chart. In the combination chart, you can click the legend to show/hide the values of the data items. If you set Interactive Legend to false, then legend will not be interactive.
Legend Caption	Allows you to add a caption for the entire legend by setting the same here.
Legend Marker Circle	Allows you to use square legend keys or circular ones.
Reverse Legend	Allows you to reverse the order of items in legend.
Legend Position	Allows you to place the legend in 2 positions: RIGHT and BOTTOM. It gets placed below the canvas by default. To place it to the right of the chart canvas, set Legend Position = 'RIGHT'.
Allow Drag	Allows you to make the legend dragable. End viewers of the chart can drag the legend around on the chart.
Legend Background Color	Allows you to set the background color for the legend.
Legend Background Alpha	Allows you to set the background alpha (transparency) for the legend. The range is 0 - 100.
Legend Border Color	Allows you to set the border color for the legend.
Legend Border Thickness	Allows you to set the border thickness, in pixels, for the legend.
Legend Border Alpha	Allows you to set the border alpha for the legend. The range is 0 - 100.
Legend Shadow	Allows you to set a shadow for legend.
Legend Scroll Background Color	Allows you to set the background color of the scroll bar. If you've too many items on the legend, a scroll bar appears.
Legend Scroll Bar Color	Allows you to set the bar color of the scroll bar. If you've too many items on the legend, a scroll bar shows up on the same.
Legend Scroll Button Color	Allows you to set the color of buttons on the scroll bar. If you've too many items on the legend, a scroll bar shows up on the same.If you've too many items on the legend, a scroll bar shows up on the same.

Number Formatting

qSIChartView offers you a lot of options to format your numbers on the chart from number prefixes and suffixes to controlling the decimal places to scaling your numbers based on a pre-defined scale.

.

 

Table 33. Number Formatting

Element	Description
Format Number	Allows you to determine whether the numbers displayed on the chart are formatted using commas, for example, 40,000 if Format Number is true and 40000 if Format Number is false.
Format Number Scale	Allows you to determine whether to add K (thousands) and M (millions) to a number after truncating and rounding it - for example, if Format Number Scale is set true, 1043 would become 1.04K (with decimals set to 2 places). Same with numbers in millions - a M will added at the end.
Default Number Scale	Allows you to set the default unit of the numbers that you are providing to the chart.
Number Scale Unit	Allows you to set the unit of each block of the scale.
Number Scale Value	Allows you to set the range of the various blocks that constitute the scale.
Number Prefix	Allows you to add a prefix to all the numbers visible on the graph. For example, to represent all dollars figure on the chart, you could specify this attribute to ' $' to show like $40000, $50000.
Number Suffix	Allows you to add a suffix to all the numbers visible on the graph. For example, to represent all figure quantified as per annum on the chart, you could specify this attribute to ' /a' to show like 40000/a, 50000/a.
Decimal Separator	Allows you to specify the character to be used as the decimal separator in a number.
Thousand Separator	Allows you to specify the character to be used as the thousands separator in a number.
In Decimal Separator	Allows you to input the decimal separator.
In Thousand Separator	Allows you to input the thousand separator.
Decimals	Allows you to set the number of decimal places to which all numbers on the chart would be rounded. The range is from 0 - 10.
Force Decimals	Allows you to add 0 padding at the end of decimal numbers. For example, if you set decimals as 2 and a number is 23.4. If force Decimals is set to 1, qSIChartView will convert the number to 23.40 (note the extra 0 at the end).
Y Axis Value Decimals	Allows you to specify the div line values decimal precision. The range is from 0 - 10.

3D Chart Attributes

The 3D Combination chart is a true 3D chart which offers features such as viewing from a specific camera angle, definition of light source, use of dynamic lighting, and rotation.

The various elements of a 3D Combination chart are shown below:

Figure 16. 3D Charts

 

 

Table 34. 3D Charts

Element	Description
Is 2D	Allows you to decide whether initially to draw a 2D view of the chart.
Chart Order	Allows you to set the order by which different types of charts will appear. The value can be any combination of 'column', 'line' or 'area', each separated by a comma. By default, the order is: line, column, area. You can change to any order you like, for example, 'column, area, line' or 'line, area'.
Chart On Top	Allows you to decide whether or not the chart canvas is placed over the extra chart elements (caption, subcaption, legend). This feature is visible when the chart canvas is zoomed/scaled. +
Auto Scaling	Allows you to decide whether or not the chart is allowed to best fit automatically after a user interaction, for example, rotation.
Allow Scaling	Allows you to set whether to allow zoom-in/zoom-out. NOTE: Scaling or use of mouse is compatible only with Windows Operating System.
Animate 3D	Allows you to show the initial plot animation. By default, the 3D chart is rendered with a default animation. To globally set off all animation set Animation to false. This would not only set off 3D animations, but also disable all animations applied using <styles>. The additional use of Animate 3D can override this value. Hence, a combination of Animation = false and Animate 3D = true would disable all animations applied using <styles> but, enable animation of the 3D canvas.
Exe Time	Allows you to set the time that the chart takes to animate. This attribute also sets the time taken by the chart canvas to animate when the chart is transformed to any view (View3D, View 2D, Reset View).
Camera Angle X/Camera Angle Y	Allows you to define the camera angle. • Camera Angle X lets you specify the camera angle (for view around the chart vertically) from which the chart is viewed initially in no animation mode (when animate3D='0) . If not specified, the default value is 30. The range is from 0 to 360 and 0 to -360. • Camera Angle Y lets you specify the camera angle (for view around the chart horizontally) from which the chart is viewed initially in no animation mode (when animate3D='0). If not specified, the default value is -45. The range is from 0 to 360 and 0 to -360. Since this is a true 3D chart, it's rendered as a 3D model that is viewed from a specific camera angle. The camera can simply be defined as the eye of a real viewer. When you have set Animate 3D to 0, you can define the camera angle using two attributes - Camera Angle X and Camera Angle Y. When you use animation, you can also set up the starting camera view from which the camera view starts animating, and the final camera view to which the chart would finally be rotated. For this, you need to use Start Angle X, Start Angle Y, End Angle X and End Angle Y attributes.
Start Angle X/End Angle X	Start Angle X — Allows you to specify the view angle (for view around the chart vertically) at which rotation of the chart starts (when the chart is initialized). The rotation stops at endAngX. If not specified, the default values for both the attributes are 30. The range is from 0 to 360 and 0 to -360. This is for animated charts (when animate3D='1'). End Angle X — Allows you to specify the view angle (for view around the chart vertically) at which rotation of the chart ends (when the chart is initialized). The rotation starts at startAngX. If not specified, the default values for both the attributes are 30. The range is from 0 to 360 and 0 to -360. This is for animated charts (when animate3D='1').
Start Angle Y/End Angle Y	Start Angle Y — Allows you to specify the view angle (for view around the chart horizontally) from which rotation of the chart starts (when the chart is initialized). The rotation stops at endAngY. If not specified, the default values for both the attributes are -45. The range is from 0 to 360 and 0 to -360. This is for animated charts (when animate3D='1'). End Angle Y — Allows you to specify the view angle (for view around the chart horizontally) at which rotation of the chart ends (when the chart is initialized). The rotation starts at startAngY. If not specified, the default values for both the attributes are -45. The range is from 0 to 360 and 0 to -360. This is for animated charts (when animate3D='1').
Light Angle X/Light Angle Y	Light Angle X — Allows you to specify the angular position of the light source (for X-axis) w.r.t the chart world coordinate system. The range is from 0 to 360 and 0 to -360. Light Angle Y — Allows you to specify the angular position of the light source (for Y-axis) w.r.t the chart world coordinate system. The range is from 0 to 360 and 0 to -360.
Intensity	Allows you to control the intensity of the light that falls on the chart elements. The range of this attribute lies between 0 to 10. 10 would provide light with maximum intensity, and you will get the brightest view of the chart. If you set the value to 0, light is provided with least intensity. However, the chart will never appear in full darkness even you set intensity to 0. A faint light is always made available. By default, the value is set to 2.5.
Dynamic Shading	Allows you to set the chart in dynamic shading/non-world mode. If set to false, the chart is in world mode. For example, you can have a Combination 3D Chart that has two different lighting systems to light up the chart elements. The light source may be fixed outside the chart. This causes only those sides of the chart to get the light which face the light source. Thus, when the chart is manually rotated, dynamic shades are created on the chart surfaces. This system of lighting is called dynamic shading. World lighting is where the light source is fixed with the chart. In this case, the light source rotates with the rotation of the chart. Hence, the surface facing the light source gets lightened and continues to be in the bright side despite any manual rotation of the chart being made, whereas the surface not facing the light keeps remaining in darkness with every chart rotation.
Bright 2D	Allows you to set maximum brightness to the chart while being rendered in 2D mode. This is applicable only when you've set Dynamic Shading to true. However, once you set this attribute to true, you cannot use Light Angle X and Light Angle Y attributes. Rather, it automatically sets up the light sources to give the brightest view of the chart in 2D mode.
Allow Rotation	Allows you to decide whether to stop any user interactive rotation of the chart or not. If it is set to false, the interactive rotation is barred.
Constrain Vertical Rotation	Allows you to rotate up to 90 degrees (top or bottom) from 0 degree position. You can also specify these limits using Minimum Vertical Rotation Angle and Maximum Vertical Rotation Angle attributes. This is only applicable to user's mouse interactively with the chart.
Minimum Vertical Rotation Angle	Allows you to set the minimum allowed angle up to which a user can rotate the chart vertically. This is only applicable to user's mouse interactively with the chart.
Maximum Horizontal Rotation Angle	Allows you to set the maximum allowed angle up to which a user can rotate the chart horizontally. This is only applicable to user's mouse interactively with the chart.
Z Depth	Allows you to set the depth (3D thickness) of each DATAPLOT object using zDepth attribute.
Z Gap Plot	Allows you to specify a gap between all dataplots in a 3D combination chart, as more than one DATAPLOT types can exist due to different datasets. A Z Gap Plot set to 0 will show no gap between dataplots.
YZ Wall Depth	Allows you to set the depth of the YZ wall of 3D chart.
ZX Wall Depth	Allows you to set the depth of the ZX wall of 3D chart.
XY Wall Depth	Allows you to set the depth of the XYwall of 3D chart.
Clustered	Allows you to set a Combination 3D chart in clustered mode. In a Combination 3D chart, you can plot multiple number of datasets which can be rendered as Column.

Custom About Menu Item

You can change the default "About QuickApps for SharePoint" context menu item to show your label and link it to your own URL using the below attributes.

 

Table 35. Custom About Menu

Element	Description
Show About Menu Item	Allows you to set up a custom context menu in the chart, which can show your text and can be linked to your URL. For example, you can set the context menu of the chart to include "About your company name" and then link to your company home page. By default, the chart shows "About QuickApps for SharePoint" when right-clicked.
About Menu Item Label	Allows you to set a menu item label for the custom context menu item.
About Menu Item Link	Allows you to provide a link for the custom context menu item. You can specify the link in qSIChartView link format to be able to open the same in new window, pop-ups, frames or as JavaScript links.

Functional

These attributes let you control a variety of functional elements on the chart.

 

Table 36. Functional

Element	Description
Animation	Allows you to control animation in your charts. If you do not want to animate any part of the chart, set this to false. This would also disable all animations applied using <styles>. Animate 3D can override this value. By default, animation is set to true.
Click URL	Allows you to set a URL as a hotspot for a chart. For more information, see Formatting Links.

Trend Lines

Trend Lines allow you to specify the horizontal/vertical lines spanning the chart canvas which aid in interpretation of data with respect to some pre-determined value.

Trend Lines contain the following:

 

Table 37. Trend Lines

Element	Description
Start Value	Allows you to set the start value for the trend line
End Value	Allows you to set the ending y-axis value for the trend line
Display Value	Allows you to display a string caption for the trend line by its side
Color	Allows you to set the color of the trend line and its text
Is Trend Zone	Allows you to set the trend as a zone rather than a line
Thickness	Allows you to set the thickness of the trend line
Alpha	Allows you to set the alpha transparency of the trend line
Dashed	Allows you to set the trend line as a dashed line
Dash Length	Allows you to set the length of each dash in pixels
Dash Gap	Allows you to set the gap length between each dash
Value on Right	Allows you to show if the trend line is on the right or left side of the chart
Tool Text	Allows you to show tool text when hovered over a trend line
Parent Y Axis	Allows to you set whether the trend line should be plotted against a primary or secondary Y axis (If you use a dual Y Axis chart). If you do not use a dual Y axis chart, the trend line is plotted against the primary Y axis.

Styles

Styles help you apply font, effects and animations to various objects of the chart. Styles lends a simple mechanism using which you can easily control the visual layout of charts.

Styles allows you to:

•	Define your own style attributes using the Style Editor.

•	Associate them with defined Objects of the chart from within the Style Editor.

•	Have better control over chart look & feel.

•	Group together in one element in the XML document, thereby separating data from visual formatting.

•	Store the entire style definition in a central location in your application, so that all charts within application can utilize it.

•	Re-use style definitions. Each style can be applied to multiple chart objects or vice versa.

Each object on the chart has been assigned a unique name, for direct association with style definitions. For example, the background of the chart is termed as BACKGROUND. Similarly, the plot (columns, lines, areas) on the chart is named as DATAPLOT. This enables you to associate each style to multiple chart objects or associate multiple chart objects to a particular style.

You can find the list of objects for each chart in individual Chart XML Sheet.

Styles contains the following:

 

Table 38. Styles

Element	Description
Advanced Mode	Turn on if you want to edit Styles in XML format. styles> <definition> <style name='MyFirstFontStyle' type='font' face='Verdana' size='12' color='FF0000' bold='1' bgColor='FFFFDD' /> <style name='MyFirstAnimationStyle' type='animation' param='_xScale' start='0' duration='2' /> <style name='MyFirstShadow' type='Shadow' color='CCCCCC' /> </definition> <application> <apply toObject='Caption' styles='MyFirstFontStyle,MyFirstShadow' /> <apply toObject='Canvas' styles='MyFirstAnimationStyle' /> <apply toObject='DataPlot' styles='MyFirstShadow' /> </application> </styles>
Name	Allows you to assign your custom name for the style definition. Style name can only include alphabets and numbers. Punctuation marks (including underscore) should not be used. Style name must be unique, that is, two style definitions cannot have the same name.
Type	Allows you to set the following types: • Font — allows you to control text properties for all the text on the chart. You can set: Font — allows you to set the font type Size — allows you to set the font size Color — allows you to set the font color Bold — allows you to set the font weigh Underline — allows you to assign underline character Background Color — allows you to set the background color Border Color — allows you to set the border color Is HTML — allows you to render the text as HTML Left Margin — allows you to set the left margin of the text Letter Spacing — allows you to set the space between the letters in the text • Animation — Allows you to define your custom animations for different elements of the chart. By default, qSIChartView animates the data plot (columns, lines, area) only. However, you can define your custom animations for other chart objects (like captions, titles, values) in the XML. Each chart object can have multiple animation properties (like x, y, xscale, yscale, alpha) and each sequence can have its own duration. Param — Allows you to you specify the property of chart object which you want to animate, such a _x (animate the x position), _y (animate the y position), _xScale (animate the x-scale), _yScale (animate the y-scale), alpha (helps the alpha transition animation effect), _rotation (animate pies and doughnuts in circles) Start — allows you to set the start value of the animation Duration — allows you to control the duration of animation in seconds Easing — allows you to specify the pattern of animation easing.
Type	• Shadow — Allows you to apply shadow effect to any object on the chart. Distance — allows you to set the offset distance of the shadow Angle — allows you to set the angle of the shadow Color — allows you to set the color of the shadow Alpha — allows you to set the alpha transparency of the shadow BlurX — allows you set the amount of horizontal blur on the shadow. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. BlurY — allows you to set the amount of vertical blur on the shadow. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. Strength — allows you to set the strength of the imprint or spread. The higher the value, the more color is imprinted and the stronger the contrast between the shadow and the background. Quality — allows you to set the number of times to apply the shadow effect. Valid values are 0 to 15. The default value is 1, which is equivalent to low quality. A value of 2 is medium quality, and a value of 3 is high quality. Shadow with lower values are rendered quicker • Glow — lets you apply glow effects to objects on the chart. Color — allows you to set the color of the glow Alpha — allows you to set the alpha transparency of the glow BlurX — allows you set the amount of horizontal blur on the glow. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. BlurY — allows you to set the amount of vertical blur on the glow. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. Strength — allows you to set the strength of the imprint or spread. The higher the value, the more color is imprinted and the stronger the contrast between the shadow and the background. Quality — allows you to set the number of times to apply the glow effect. Valid values are 0 to 15. The default value is 1, which is equivalent to low quality. A value of 2 is medium quality, and a value of 3 is high quality. Shadow with lower values are rendered quicker.
	• Bevel — Allows you to apply bevel effect for any of the chart objects. Angle — allows you to set the angle of the bevel Distance — allows you to set the offset distance of the bevel Shadow Color — allows you to set the shadow color of the bevel Shadow Alpha — allows you to set the alpha transparency value of the shadow color Highlight Color — allows you to set the highlight color of the bevel Highlight Alpha — allows you to set the alpha transparency value of the highlight color BlurX — allows you set the amount of horizontal blur on the bevel. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. BlurY — allows you to set the amount of vertical blur on the bevel. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. Strength — allows you to set the strength of the imprint or spread. The higher the value, the more color is imprinted and the stronger the contrast between the shadow and the background. Quality — allows you to set the number of times to apply the bevel. Valid values are 0 to 15. The default value is 1, which is equivalent to low quality. A value of 2 is medium quality, and a value of 3 is high quality. Shadow with lower values are rendered quicker. • Blur — Allows you to create a blur effect for any object on the chart. BlurX — allows you set the amount of horizontal blur. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. BlurY — allows you to set the amount of vertical blur. Values that are a power of 2 (such as 2, 4, 8, 16 and 32) are optimized to render more quickly than other values. Quality — allows you to set the number of times to apply the filter. Valid values are 0 to 15. The default value is 1, which is equivalent to low quality. A value of 2 is medium quality, and a value of 3 is high quality. Shadow with lower values are rendered quicker.

Custom defined styles to chart objects

To apply your defined styles to chart objects, make sure that you have the list of chart objects present in each chart.

For example, the following chart objects are for 2D Single Series Column Chart:

 

Table 39. Chart Objects for 2D Series Column Chart

Object Name	Description	Features Supported	Animation Parameters Supported
BACKGROUND	entire background of the chart	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y • _xScale • _yScale
CANVAS	T the area in which the actual chart is plotted. It is represented by a bounded rectangle. In 3D charts, it refers to the 3D base on which the columns are built.	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y • _xScale • _yScale
CAPTION	The heading of the chart	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
DATALABELS	The x-axis labels of the data	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
DATAPLOT	The actual plot of the chart. For example, in Column 2D chart, columns are referred to as DATAPLOT.	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y • _xScale • _yScale
DATAVALUES	The plot values that is, value of each data (line, column, bar, pie), which is displayed beside the data plot.	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
DIVLINES	The horizontal or vertical lines running through the canvas. Each divisional line signifies a smaller unit of the entire axis thus aiding the users in interpreting the chart.	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _y • _yScale
HGRID	Alternate color bands between two successive horizontal divisional lines	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _y • _xScale • _yScale
SUBCAPTION	The sub-heading of the chart	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
TOOLTIP	The tool tip shown when mouse is hovered over the data plots	• Font (only Font, Size and Color attributes are supported)
TRENDLINES	Hhorizontal/vertical lines spanning the chart canvas which aid in interpretation of data with respect to some pre-determined value.	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _y • _xScale • _yScale •
TRENDVALUES	The display values of trend-lines (if any)	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
VLINES	Vertical separator lines that help you separate blocks of data. These lines run through the height of the chart, thereby segregating data into different blocks. In case of bar charts, they are horizontal and run through the width of chart.	• Animation • Shadow • Glow • Bevel • Blur	• _alpha • _y • _xScale • _yScale
XAXISNAME	The x-axis title of the chart	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
YAXISNAME	The y-axis title of the chart	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y
YAXISVALUES	The limit values or divisional line values, which are displayed along the y-axis of the chart	• Animation • Font • Shadow • Glow • Bevel • Blur	• _alpha • _x • _y • _rotation

The following XML does the work of applying styles to different chart objects:

<application>

    <apply toObject='Caption' styles='MyFirstFontStyle,MyFirstShadow' />

    <apply toObject='Canvas' styles='MyFirstAnimationStyle' />

    <apply toObject='DataPlot' styles='MyFirstShadow' />

</application>

Each <apply> element helps to apply multiple styles to one chart object; for example, in our code, we first apply the MyFirstFontStyle font style to Caption of the chart and then apply the shadow style MyFirstShadow to the same object.

If you are using multiple styles, ensure:

•	you separate the style names using comma

for example, <apply toObject='Caption' styles='MyFirstFontStyle,MyFirstShadow' />

•	when you apply a single style to multiple objects, define <apply> element for each object and then assign the style for it.

for example,

<apply toObject='Caption' styles='MyFirstShadow' />

<apply toObject='DataPlot' styles='MyFirstShadow' />

You CANNOT separate the object list by comma and then assign a single style to it - the following is INVALID:

<apply toObject='Caption,DataPlot' styles='MyFirstShadow' />

•	The style name specified during application has been defined earlier in style definition and the spelling are correct, else, qSIChartView will ignore it and log the error in Debug Window.

Series Appearance

This property enables you to specify the appearance of the data series and data items in the series.

The Appearance element can contain one or more Series Appearance elements. Each Series Appearance element controls the appearance of the data series in the chart. Therefore, the first Series Appearance element controls the appearance of the first data series, the second one contains the second data series, and so on. See the Configuration property on how to define multiple data series in the chart.

The Series Appearance contains the following:

 

Table 40. Series Appearance

Element	Description
Advanced Mode	Turn on if you want to edit Series Appearance in XML format. <Appearance>     <SeriesAppearance [optional attributes]>         <ItemAppearance [optional attributes] />         <ItemAppearance [optional attributes] />     </SeriesAppearances>     <SeriesAppearance [optional attributes]>         <ItemAppearance [optional attributes] />         <ItemAppearance [optional attributes]/>     </SeriesAppearances> </Appearance>
Color	Allows you to set the color using which columns, lines, area of that dataset would be drawn.
Alpha	Allows you to set the alpha (transparency) of the entire dataset at the Series Appearance level. The range is from 0 - 100.
Ratio	Allows you to control the ratio of each color using a comma separated list of ratios, if you are showing columns as gradients,
Dashed	Allows you to set whether this dataset would appear as dashed.
Show Plot Border	Allows you to set whether to show the border of this dataset.
Plot Border Color	Allows you to set the color of the plot border.
Plot Border Thickness	Allows you to set the thickness of the plot border lines.
Plot Border Alpha	Allows you to set the alpha transparency of the plot border lines
Line Thickness	Allows you to set the thickness of the lines for the particular dataset in pixels.
Line Dash Length	Allows you to define the length of the dash, if the lines are to be shown as dash for the particular dataset.
Line Dash Gap	Allows you to define the length of the gap between dashes, if the lines are to be shown as dash for the particular dataset.
Draw Anchors	Allows you set whether to draw anchors for the particular dataset. If the anchors are not shown, then the tool tip and links will not work for the dataset.
Anchor Sides	Allows you set the number of sides that the anchors of the particular dataset will have. For example, an anchor with 3 sides would represent a triangle, with 4 it would be a square and so on. The range is from 3 - 20.
Anchor Radius	Allows you to set the radius (in pixels) of the anchors of the particular dataset. Greater the radius, bigger would be the anchor size.
Anchor Border Color	Allows you set the border color of anchors of the particular dataset. Use hex code of colors. To use the color picker, click on the color swatch square.
Anchor Border Thickness	Allows you set border thickness of anchors of the particular dataset in pixels.
Anchor Background Color	Allows you set the background color of anchors of the particular dataset. Use hex code of colors. To use the color picker, click on the color swatch square.
Anchor Alpha	Allows you set the alpha of entire anchors of the particular dataset. If you need to hide the anchors for the dataset but still enable tool tips, set this as 0.
Anchor Background Alpha	Allows you set the alpha (transparency) of anchor background of the particular dataset. The range is from 0 - 100.

The Series Appearance element can contain zero or more Item Appearance elements. If you do specify any Item Appearance element, every item in the series is displayed according to the settings in the Series Appearance element. The Item Appearance is applied as follows:

•	If you specify the Item Value in the Item Appearance, the settings are applied based on the X axis value of the item. For example, if the X axis shows the value of the Priority field in the Tasks list, you can make all the High priority items displayed in red.

•	If you specify Y Axis Value Range in the Item Appearance, the settings are applied based on the Y axis value of the item. For example, you can highlight any data items that falls within a certain range with a certain color (low sales number with red, high sales number with blue).

•

If neither is specified, the settings are applied in the order they are listed. This means the first Item Appearance controls the appearance of the first data item in the series, the second one controls the second data item in the series, and so on. In this case, if the data series has more items to display than the number of Item Appearance, the remaining items are displayed with the settings specified by the Series Appearance. Having said this, it is better to define more Item Appearance elements when you have a variable number of items to display in the chart.

Item Appearance contains the following:

 

Table 41. Item Appearance

Element	Description
Item Value	Allows you to specify the settings in the Item Appearance element that are applied to the data items whose X axis value match with the specified value.
Y Axis Value Range	Allows you to apply the color is applied based on the Y axis value of the item, if you specify Y Axis Value Range,
Color	Allows you to define the color of data series at the Series Appearance level for multi-series and combination charts. However, if you wish to highlight a particular data item, you can specify its color at Item Appearance level.
Display Value	Allows you to display a custom string value if instead of the numerical value of this data.
Tooltext	Allows you to display more information for the data item as tool tip. By default, qSIChartView shows the series Name, Category Name and value as tool tip text for that data item.
Alpha	Allows you to define the alpha of datasets at the Series Appearance level for multi-series and combination charts, However, if you wish to highlight a particular data item, you can specify its alpha at Item Appearance level using this attribute. The range is from 0 - 100.
Dashed	Allows you to set whether the border of this data item should appear as dashed.
Anchor Sides	Lets you specify item specific sides of the anchor in a line/area chart. The range is from 3 - 20.
Anchor Radius	Lets you specify item specific radius (in pixels) of the anchor in a line/area chart.
Anchor Border Color	Lets you specify item specific border color of the anchor. Use hex code of colors. To use the color picker, click on the color swatch square
Anchor Border Thickness	Lets you specify item specific border thickness in pixels) of the anchor in a line/area chart.
Anchor Background Color	Lets you specify item specific background color of the anchor in a line/area chart.
Anchor Alpha	Lets you specify item specific alpha (transparency) of the anchor in a line/area chart. The range is from 0 - 100.
Anchor Background Alpha	Lets you specify item specific alpha (transparency) of the anchor background in a line/area chart. The range is from 0 - 100.