306 lines
32 KiB
HTML
306 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Insert chart</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Add a chart to your spreadsheet and adjust its position, size and properties" />
|
||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Insert charts</h1>
|
||
<h3>Insert a chart</h3>
|
||
<p>To insert a chart into the speadsheet,</p>
|
||
<ol>
|
||
<li>Select the cell range that contain the data you wish to use for the chart,</li>
|
||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||
<li>Click the <img alt="Chart icon" src="../images/chart.png" /> <b>Chart</b> icon on the top toolbar,</li>
|
||
<li>
|
||
Select a chart <b>Type</b> you wish to insert: Column, Line, Pie, Bar, Area, XY (Scatter), or Stock.
|
||
<p class="note"><b>Note</b>: for <b>Column</b>, <b>Line</b>, <b>Pie</b>, or <b>Bar</b> charts, a 3D format is also available.</p>
|
||
</li>
|
||
</ol>
|
||
<p>After that the chart will be added to the worksheet. </p>
|
||
<h3>Adjust the chart settings</h3>
|
||
<p>Now you can change the settings of the inserted chart. To change the chart type,</p>
|
||
<ol>
|
||
<li>select the chart with the mouse,</li>
|
||
<li>
|
||
click the <b>Chart settings</b> <img alt="Chart settings icon" src="../images/chartsettingsicon.png" /> icon on the right sidebar,
|
||
<p><img alt="Chart Settings Right-Side Panel window" src="../images/chartsettings.png" /></p>
|
||
</li>
|
||
<li>open the <b>Type</b> drop-down list and select the type you need,</li>
|
||
<li>open the <b>Style</b> drop-down list below and select the style which suits you best.</li>
|
||
</ol>
|
||
<p>The selected chart type and style will be changed.</p>
|
||
|
||
<p>To edit chart data:</p>
|
||
<ol>
|
||
<li>Click the <b>Select Data</b> button on the right-side panel.</li>
|
||
<li>Use the <b>Chart Data</b> dialog to manage <b>Chart Data Range</b>, <b>Legend Entries (Series)</b>, <b>Horizontal (Category) Axis Label</b> and <b>Switch Row/Column</b>.
|
||
<p><img alt="Chart Data window" src="../images/chartdata.png" /></p>
|
||
<ul>
|
||
<li><b>Chart Data Range</b> - select data for your chart.
|
||
<ul>
|
||
<li>Click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Chart data range</b> box to select data range.
|
||
<p><img alt="Select Data Range window" src="../images/pivot_selectdata.png" /></p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Legend Entries (Series)</b> - add, edit, or remove legend entries. Type or select series name for legend entries.
|
||
<ul>
|
||
<li>In <b>Legend Entries (Series)</b>, click <b>Add</b> button.</li>
|
||
<li>In <b>Edit Series</b>, type a new legend entry or click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Select name</b> box.
|
||
<p><img alt="Edit Series window" src="../images/editseries.png" /></p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Horizontal (Category) Axis Labels</b> - change text for category labels.
|
||
<ul>
|
||
<li><b>In Horizontal (Category) Axis Labels</b>, click <b>Edit</b>.</li>
|
||
<li>In <b>Axis label range</b>, type the labels you want to add or click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Axis label range</b> box to select data range.
|
||
<p><img alt="Axis Labels window" src="../images/axislabels.png" /></p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Switch Row/Column</b> - rearrange the worksheet data that is configured in the chart not in the way that you want it. Switch rows to columns to display data on a different axis. </li>
|
||
</ul>
|
||
</li>
|
||
<li>Click <b>OK</b> button to apply the changes and close the window.</li>
|
||
</ol>
|
||
|
||
<p>Click <b>Show Advanced Settings</b> to change other settings such as <b>Layout</b>, <b>Vertical Axis</b>, <b>Horizontal Axis</b>, <b>Cell Snapping</b> and <b>Alternative Text</b>.</p>
|
||
|
||
|
||
<p>The <b>Layout</b> tab allows you to change the layout of chart elements.</p>
|
||
<ul>
|
||
<li>Specify the <b>Chart Title</b> position in regard to your chart by selecting the necessary option from the drop-down list:
|
||
<ul>
|
||
<li><b>None</b> to not display a chart title,</li>
|
||
<li><b>Overlay</b> to overlay and center the title in the plot area,</li>
|
||
<li><b>No Overlay</b> to display the title above the plot area.</li>
|
||
</ul></li>
|
||
<li>Specify the <b>Legend</b> position in regard to your chart by selecting the necessary option from the drop-down list:
|
||
<ul>
|
||
<li><b>None</b> to not display the legend,</li>
|
||
<li><b>Bottom</b> to display the legend and align it to the bottom of the plot area,</li>
|
||
<li><b>Top</b> to display the legend and align it to the top of the plot area,</li>
|
||
<li><b>Right</b> to display the legend and align it to the right of the plot area,</li>
|
||
<li><b>Left</b> to display the legend and align it to the left of the plot area,</li>
|
||
<li><b>Left Overlay</b> to overlay and center the legend to the left in the plot area,</li>
|
||
<li><b>Right Overlay</b> to overlay and center the legend to the right in the plot area.</li>
|
||
</ul>
|
||
</li>
|
||
<li>Specify the <b>Data Labels</b> (i.e. text labels that represent exact values of data points) parameters:<br />
|
||
<ul>
|
||
<li>specify the <b>Data Labels</b> position relative to the data points by selecting the necessary option from the drop-down list. The available options vary depending on the selected chart type.
|
||
<ul>
|
||
<li>For <b>Column/Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Inner Bottom</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
|
||
<li>For <b>Line/XY (Scatter)/Stock</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Left</b>, <b>Right</b>, <b>Top</b>, <b>Bottom</b>.</li>
|
||
<li>For <b>Pie</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Fit to Width</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
|
||
<li>For <b>Area</b> charts as well as for <b>3D</b> <b>Column</b>, <b>Line</b> and <b>Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>.</li>
|
||
</ul>
|
||
</li>
|
||
<li>select the data you wish to include into your labels checking the corresponding boxes: <b>Series Name</b>, <b>Category Name</b>, <b>Value</b>,</li>
|
||
<li>enter a character (comma, semicolon etc.) you wish to use for separating several labels into the <b>Data Labels Separator</b> entry field.</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Lines</b> - is used to choose a line style for <b>Line/XY (Scatter) charts</b>. You can choose one of the following options: <b>Straight</b> to use straight lines between data points, <b>Smooth</b> to use smooth curves between data points, or <b>None</b> to not display lines.</li>
|
||
<li>
|
||
<b>Markers</b> - is used to specify whether the markers should be displayed (if the box is checked) or not (if the box is unchecked) for <b>Line/XY (Scatter) charts</b>.
|
||
<p class="note"><b>Note</b>: the <b>Lines</b> and <b>Markers</b> options are available for <b>Line charts</b> and <b>XY (Scatter) charts</b> only.</p>
|
||
</li>
|
||
<li>The <b>Axis Settings</b> section allows you to specify if you wish to display the <b>Horizontal/Vertical Axis</b> or not by selecting the <b>Show</b> or <b>Hide</b> option from the drop-down list. You can also specify <b>Horizontal/Vertical Axis Title</b> parameters:
|
||
<ul>
|
||
<li>
|
||
Specify if you wish to display the <b>Horizontal Axis Title</b> or not by selecting the necessary option from the drop-down list:
|
||
<ul>
|
||
<li><b>None</b> to not display the horizontal axis title,</li>
|
||
<li><b>No Overlay</b> to display the title below the horizontal axis.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
Specify the orientation of the <b>Vertical Axis Title</b> by selecting the necessary option from the drop-down list:
|
||
<ul>
|
||
<li><b>None</b> to not display the vertical axis title,</li>
|
||
<li><b>Rotated</b> to display the title from bottom to top to the left of the vertical axis,</li>
|
||
<li><b>Horizontal</b> to display the title horizontally to the left of the vertical axis.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>The <b>Gridlines</b> section allows you to specify which of the <b>Horizontal/Vertical Gridlines</b> you wish to display selecting the necessary option from the drop-down list: <b>Major</b>, <b>Minor</b>, or <b>Major and Minor</b>. You can hide the gridlines at all using the <b>None</b> option.
|
||
<p class="note"><b>Note</b>: the <b>Axis Settings</b> and <b>Gridlines</b> sections will be disabled for <b>Pie charts</b> since charts of this type have no axes and gridlines.</p>
|
||
</li>
|
||
</ul>
|
||
|
||
<p><img alt="Chart - Advanced Settings" src="../images/chartwindow1.png" /></p>
|
||
|
||
<p class="note"><b>Note</b>: the <b>Vertical/Horizontal Axis</b> tabs will be disabled for <b>Pie charts</b> since charts of this type have no axes.</p>
|
||
<p>The <b>Vertical Axis</b> tab allows you to change the parameters of the vertical axis (also referred to as the values axis or y-axis) which displays numeric values. Note that the vertical axis will be the category axis which displays text labels for the <b>Bar charts</b>, therefore in this case the <b>Vertical Axis</b> tab options will correspond to the ones described in the next section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
|
||
<ul>
|
||
<li>
|
||
The <b>Axis Options</b> section allows you to set the following parameters:
|
||
<ul>
|
||
<li><b>Minimum Value</b> - is used to specify the lowest value displayed at the beginning of the vertical axis. The <b>Auto</b> option is selected by default, in this case the minimum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
|
||
<li><b>Maximum Value</b> - is used to specify the highest value displayed at the end of the vertical axis. The <b>Auto</b> option is selected by default, in this case the maximum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
|
||
<li><b>Axis Crosses</b> - is used to specify a point on the vertical axis where the horizontal axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> on the vertical axis.</li>
|
||
<li><b>Display Units</b> - is used to determine a representation of the numeric values along the vertical axis. This option can be useful if you're working with great numbers and wish the values on the axis to be displayed in a more compact and readable way (e.g. you can represent 50 000 as 50 by using the <b>Thousands</b> display units). Select the desired units from the drop-down list: <b>Hundreds</b>, <b>Thousands</b>, <b>10 000</b>, <b>100 000</b>, <b>Millions</b>, <b>10 000 000</b>, <b>100 000 000</b>, <b>Billions</b>, <b>Trillions</b>, or choose the <b>None</b> option to return to the default units.</li>
|
||
<li><b>Values in reverse order</b> - is used to display values in an opposite direction. When the box is unchecked, the lowest value is at the bottom and the highest value is at the top of the axis. When the box is checked, the values are ordered from top to bottom.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the vertical scale. Major tick marks are the larger scale divisions which can have labels displaying numeric values. Minor tick marks are the scale subdivisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set at the <b>Layout</b> tab. The <b>Major/Minor Type</b> drop-down lists contain the following placement options:
|
||
<ul>
|
||
<li><b>None</b> to not display major/minor tick marks,</li>
|
||
<li><b>Cross</b> to display major/minor tick marks on both sides of the axis,</li>
|
||
<li><b>In</b> to display major/minor tick marks inside the axis,</li>
|
||
<li><b>Out</b> to display major/minor tick marks outside the axis.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
The <b>Label Options</b> section allows to adjust the appearance of major tick mark labels which display values. To specify a <b>Label Position</b> in regard to the vertical axis, select the necessary option from the drop-down list:
|
||
<ul>
|
||
<li><b>None</b> to not display tick mark labels,</li>
|
||
<li><b>Low</b> to display tick mark labels to the left of the plot area,</li>
|
||
<li><b>High</b> to display tick mark labels to the right of the plot area,</li>
|
||
<li><b>Next to axis</b> to display tick mark labels next to the axis.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p><img alt="Chart - Advanced Settings" src="../images/chartwindow2.png" /></p>
|
||
|
||
<p>The <b>Horizontal Axis</b> tab allows you to change the parameters of the horizontal axis also referred to as the categories axis or x-axis which displays text labels. Note that the horizontal axis will be the value axis which displays numeric values for the <b>Bar charts</b>, therefore in this case the <b>Horizontal Axis</b> tab options will correspond to the ones described in the previous section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
|
||
<ul>
|
||
<li>
|
||
The <b>Axis Options</b> section allows you to set the following parameters:
|
||
<ul>
|
||
<li><b>Axis Crosses</b> - is used to specify a point on the horizontal axis where the vertical axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> (that corresponds to the first and last category) on the horizontal axis.</li>
|
||
<li><b>Axis Position</b> - is used to specify where the axis text labels should be placed: <b>On Tick Marks</b> or <b>Between Tick Marks</b>.</li>
|
||
<li><b>Values in reverse order</b> - is used to display categories in an opposite direction. When the box is unchecked, categories are displayed from left to right. When the box is checked, the categories are ordered from right to left.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the horizontal scale. Major tick marks are the larger divisions which can have labels displaying category values. Minor tick marks are the smaller divisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set on the <b>Layout</b> tab. You can adjust the following tick mark parameters:
|
||
<ul>
|
||
<li><b>Major/Minor Type</b> - is used to specify the following placement options: <b>None</b> to not display major/minor tick marks, <b>Cross</b> to display major/minor tick marks on both sides of the axis, <b>In</b> to display major/minor tick marks inside the axis, <b>Out</b> to display major/minor tick marks outside the axis.</li>
|
||
<li><b>Interval between Marks</b> - is used to specify how many categories should be displayed between two adjacent tick marks.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
The <b>Label Options</b> section allows you to adjust the appearance of labels which display categories.
|
||
<ul>
|
||
<li><b>Label Position</b> - is used to specify where the labels should be placed in regard to the horizontal axis. Select the necessary option from the drop-down list: <b>None</b> to not display category labels, <b>Low</b> to display category labels at the bottom of the plot area, <b>High</b> to display category labels at the top of the plot area, <b>Next to axis</b> to display category labels next to the axis.</li>
|
||
<li><b>Axis Label Distance</b> - is used to specify how closely the labels should be placed to the axis. You can specify the necessary value in the entry field. The more the value you set, the more the distance between the axis and labels is.</li>
|
||
<li><b>Interval between Labels</b> - is used to specify how often the labels should be displayed. The <b>Auto</b> option is selected by default, in this case labels are displayed for every category. You can select the <b>Manual</b> option from the drop-down list and specify the necessary value in the entry field on the right. For example, enter 2 to display labels for every other category etc.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p><img alt="Chart - Advanced Settings" src="../images/chartwindow3.png" /></p>
|
||
<p>The <b>Cell Snapping</b> tab contains the following parameters:</p>
|
||
<ul>
|
||
<li><b>Move and size with cells</b> - this option allows you to snap the chart to the cell behind it. If the cell moves (e.g. if you insert or delete some rows/columns), the chart will be moved together with the cell. If you increase or decrease the width or height of the cell, the chart will change its size as well.</li>
|
||
<li><b>Move but don't size with cells</b> - this option allows to snap the chart to the cell behind it preventing the chart from being resized. If the cell moves, the chart will be moved together with the cell, but if you change the cell size, the chart dimensions remain unchanged.</li>
|
||
<li><b>Don't move or size with cells</b> - this option allows to prevent the chart from being moved or resized if the cell position or size was changed.</li>
|
||
</ul>
|
||
<p><img alt="Chart - Advanced Settings: Cell Snapping" src="../images/chartwindow5.png" /></p>
|
||
<p>The <b>Alternative Text</b> tab allows to specify the <b>Title</b> and the <b>Description</b> which will be read to people with vision or cognitive impairments to help them better understand what information the chart contains.</p>
|
||
<p><img alt="Chart - Advanced Settings" src="../images/chartwindow4.png" /></p>
|
||
|
||
<h3>Edit chart elements</h3>
|
||
<p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
|
||
<p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons on the <b>Home</b> tab of the top toolbar to change the font <a href="../UsageInstructions/FontTypeSizeStyle.htm" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
|
||
<p>When the chart is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since the shape is used as a background for the chart. You can click this icon to open the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Shape Settings</a> tab on the right sidebar and adjust the shape <b>Fill</b> and <b>Stroke</b>. Note that you cannot change the shape type.</p>
|
||
<p>
|
||
Using the <b>Shape Settings</b> tab on the right panel you can not only adjust the chart area itself, but also change the chart elements, such as the <em>plot area</em>, <em>data series</em>, <em>chart title</em>, <em>legend</em>, etc. and apply different fill types to them. Select the chart element by clicking it with the left mouse button and choose the preferred fill type: <em>solid color</em>, <em>gradient</em>, <em>texture</em> or <em>picture</em>, <em>pattern</em>. Specify the fill parameters and set the <em>Opacity</em> level if necessary.
|
||
When you select a vertical or horizontal axis or gridlines, the stroke settings are only available on the <b>Shape Settings</b> tab: <em>color</em>, <em>width</em> and <em>type</em>. For more details on how to work with shape colors, fills and stroke, please refer to <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">this page</a>.
|
||
</p>
|
||
<p class="note"><b>Note</b>: the <b>Show shadow</b> option is also available on the <b>Shape settings</b> tab, but it is disabled for chart elements.</p>
|
||
<p>If you need to resize chart elements, left-click to select the needed element and drag one of 8 white squares <img alt="Square icon" src="../images/resize_square.png" /> located along the perimeter of the element.</p>
|
||
<p><img alt="Resize chart elements" src="../images/resizeelement.png" /></p>
|
||
<p>To change the position of the element, left-click on it, make sure your cursor changed to <img alt="Arrow" src="../images/arrow.png" />, hold the left mouse button and drag the element to the needed position.</p>
|
||
<p><img alt="Move chart elements" src="../images/moveelement.png" /></p>
|
||
<p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key on the keyboard.</p>
|
||
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
|
||
<p><img alt="3D chart" src="../images/3dchart.png" /></p>
|
||
<p>If necessary, you can <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change the chart size and position</a>.</p>
|
||
|
||
<p>To delete the inserted chart, click it and press the <b>Delete</b> key.</p>
|
||
|
||
<h3>Edit sparklines</h3>
|
||
<p>Sparkline is a little chart that fits in one cell. Sparklines can be useful if you want to visually represent information for each row or column in large data sets. This makes it easier to show trends in multiple data series. </p>
|
||
<p>If your spreadsheet already contains sparklines created with another application, you can change the sparkline properties. To do that, select the cell that contains a sparkline with the mouse and click the <b>Chart settings</b> <img alt="Chart settings icon" src="../images/chartsettingsicon.png" /> icon on the right sidebar. If the selected sparkline is included into a sparkline group, the changes will be applied to all sparklines in the group.</p>
|
||
<p><img alt="Chart Settings Right-Side Panel window" src="../images/right_sparkline.png" /></p>
|
||
<ul>
|
||
<li>Use the <b>Type</b> drop-down list to select one of the available sparkline types:
|
||
<ul>
|
||
<li><b>Column</b> - this type is similar to a regular <b>Column Chart</b>.</li>
|
||
<li><b>Line</b> - this type is similar to a regular <b>Line Chart</b>.</li>
|
||
<li><b>Win/Loss</b> - this type is suitable for representing data that include both positive and negative values.</li>
|
||
</ul>
|
||
</li>
|
||
<li>In the <b>Style</b> section, you can do the following:
|
||
<ul>
|
||
<li>select the style which suits you best from the <b>Template</b> drop-down list.</li>
|
||
<li>choose the necessary <b>Color</b> for the sparkline.</li>
|
||
<li>choose the necessary <b>Line Weight</b> (available for the <b>Line</b> type only).</li>
|
||
</ul>
|
||
</li>
|
||
<li>The <b>Show</b> section allows you to select which sparkline elements you want to highlight to make them clearly visible. Check the box to the left of the element to be highlighted and select the necessary color by clicking the colored box:
|
||
<ul>
|
||
<li><b>High Point</b> - to highlight points that represent maximum values,</li>
|
||
<li><b>Low Point</b> - to highlight points that represent minimum values,</li>
|
||
<li><b>Negative Point</b> - to highlight points that represent negative values,</li>
|
||
<li><b>First/Last Point</b> - to highlight the point that represents the first/last value,</li>
|
||
<li><b>Markers</b> (available for the <b>Line</b> type only) - to highlight all values.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p>Click the <b>Show advanced settings</b> link situated on the right-side panel to open the <b>Sparkline - Advanced Settings</b> window.</p>
|
||
<p><img alt="Sparkline Advanced Settings window" src="../images/sparklinewindow.png" /></p>
|
||
<p>The <b>Type & Data</b> tab allows you to change the sparkline <b>Type</b> and <b>Style</b> as well as specify the <b>Hidden and Empty cells</b> display settings:</p>
|
||
<ul>
|
||
<li><b>Show empty cells as</b> - this option allows you to control how sparklines are displayed if some cells in a data range are empty. Select the necessary option from the list:
|
||
<ul>
|
||
<li><b>Gaps</b> - to display the sparkline with gaps in place of missing data,</li>
|
||
<li><b>Zero</b> - to display the sparkline as if the value in an empty cell was zero,</li>
|
||
<li><b>Connect data points with line</b> (available for the <b>Line</b> type only) - to ignore empty cells and display a connecting line between data points.</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Show data in hidden rows and columns</b> - check this box if you want to include values from the hidden cells into sparklines.</li>
|
||
</ul>
|
||
<p><img alt="Sparkline Advanced Settings window" src="../images/sparklinewindow2.png" /></p>
|
||
<p>The <b>Axis Options</b> tab allows you to specify the following <b>Horizontal/Vertical Axis</b> parameters:</p>
|
||
<ul>
|
||
<li>In the <b>Horizontal Axis</b> section, the following parameters are available:
|
||
<ul>
|
||
<li><b>Show axis</b> - check this box to display the horizontal axis. If the source data contain negative values, this option helps to display them more vividly.</li>
|
||
<li><b>Reverse order</b> - check this box to display data in the reverse sequence.</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
In the <b>Vertical Axis</b> section, the following parameters are available:
|
||
<ul>
|
||
<li><b>Minimum/Maximum Value</b>
|
||
<ul>
|
||
<li><b>Auto for Each</b> - this option is selected by default. It allows you to use own minimum/maximum values for each sparkline. The minimum/maximum values are taken from the separate data series that are used to plot each sparkline. The maximum value for each sparkline will be located at the top of the cell, and the minimum value will be at the bottom.
|
||
<p><img alt="Auto for Each" src="../images/autoforeach.png" /></p>
|
||
</li>
|
||
<li><b>Same for All</b> - this option allows you to use the same minimum/maximum value for the entire sparkline group. The minimum/maximum values are taken from the whole data range that is used to plot the sparkline group. The maximum/minimum values for each sparkline will be scaled relative to the highest/lowest value within the range. If you select this option, it will be easier to compare several sparklines.
|
||
<p><img alt="Same for All" src="../images/sameforall.png" /></p>
|
||
</li>
|
||
<li><b>Fixed</b> - this option allows you to set a custom minimum/maximum value. The values which are lower or higher than the specified ones are not displayed in the sparklines.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</body>
|
||
</html> |