{"id":31622,"date":"2017-12-07T10:53:32","date_gmt":"2017-12-07T02:53:32","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=31622"},"modified":"2018-01-15T09:00:22","modified_gmt":"2018-01-15T01:00:22","slug":"charts-4-5-2","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/charts-4-5-2\/","title":{"rendered":"Charts (4.5.2)"},"content":{"rendered":"\n

This article applies to versions 4.5.2-4.5.3 of P2 Explorer. For the latest, see Charts<\/a>.<\/p>\n

Overview<\/h2>\n

P2 Explorer charts work together with user controls to display source data interactively. There are several types of charts available, including area chart, line chart, scatter chart, bar chart, and stacked bar chart.<\/p>\n

You can also mix different chart types together in one chart, such as a line chart and bar chart, by configuring a chart with different series.<\/em><\/p>\n

\"\"<\/a>

This chart is driven by the user-selected entity (combo box) and product (option links).<\/p><\/div>\n

Related: Using the Chart<\/a>\u00a0in display mode, Adding a new Chart style<\/a>, Charts FAQ<\/a><\/p>\n

Background Reading<\/h3>\n

You might find it helpful to read the following primer articles, before you configure a chart.<\/p>\n\n\n\n\n\n
Explorer's Data<\/a><\/td>\nP2 Explorer uses P2 Server to deliver data from any number of data sources or calculations, on demand. Read about how P2 Explorer uses data, and how to use variables, default values and query parameters to make your displays more interactive.<\/td>\n<\/tr>\n
Variables<\/a><\/td>\nExplorer uses Variables to provide an interactive user interface. Find out how to link variables between the various components.<\/td>\n<\/tr>\n
Default Values<\/a><\/td>\nDefault values set the context for a page or trend. A user should have access to relevant information, preferably without having to immediately change the default selections. Find out how to add defaults to a page in Studio.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n

Basics of Configuring a Chart<\/h2>\n

The Chart is available in the component toolbox as several components preconfigured with the series they represent: Area Chart, Bar Chart, Line Chart, Scatter Chart, and Stacked Bar Chart. You can choose any one of these charts and add and remove series as needed.\u00a0<\/p>\n

The two aspects to configuring a chart are:<\/p>\n

    \n
  1. Selecting source data.<\/li>\n
  2. Configuring the chart's appearance.<\/li>\n<\/ol>\n

    \"\"<\/a><\/p>\n

    \n

    Selecting Source Data<\/h2>\n

    You can configure your chart to use data from a dataset, attribute, tags, or ad hoc calculation:<\/p>\n

    \"\"<\/a><\/p>\n

    Read more:\u00a0For a detailed reference, see\u00a0Options for Configuring a Chart's Data<\/a>.<\/p>\n\n\n\n\n
    Dataset<\/strong> \"\"
    \n Tabular data returned from a dataset datasource.<\/td>\n    		Attributes<\/strong>
    \n An attribute from the asset model (time series data).<\/td>\n<\/tr>\n
    Ad Hoc Calculations<\/strong> \"\"
    \n An ad hoc calculation using tags and\/or attributes (time series data).<\/td>\n    		Tags<\/strong> \"\"
    \n A named data point from a tag datasource (time series data).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \n

    Configuring Chart Appearance<\/h2>\n
    \n

    Once you have data for the chart, you can start configuring the chart's appearance:<\/p>\n<\/div>\n

      \n
    1. Series<\/a><\/strong>: The subset of data plotted in the chart. Some properties are specific to the type of series.<\/li>\n
    2. Axes<\/a><\/strong>: Configuration properties for the X Axis and Y Axis (left and\/or right).<\/li>\n
    3. Other<\/a><\/strong>: Additional options for the chart's general appearance, such as orientation. Some options\u00a0are specific to the type of series.<\/li>\n
    4. Style <\/em>and Position<\/em> are common to all components. Choose a predefined style from the drop-down list, or specify the precise position of the chart.<\/li>\n<\/ol>\n

      \"\"<\/a><\/p>\n

      Series<\/h3>\n
      \n

      An Explorer chart is made of a\u00a0series<\/em> of data points.<\/em> Select the series depending on how you want to display your data. You can have more than one series, and you can also combine different types of series in your chart. If you need to change the order of a series, use the up\/down arrow keys next to a series. The different series are layered on the chart according to list order, with top of the list in the background, or for a series of bars, left to right in order of the list.<\/p>\n

      Tip: If you have a chart with both a line series and a bar series, it's a good idea to keep the line series at the bottom of the list (in the foreground) and the bar series at the top (in the background).<\/p>\n<\/div>\n\n\n\n\n\n
      Line Series:<\/strong><\/p>\n

      The Line series plots your data in a single line. You can combine this with other lines series (as shown), or with different types of series, such as bar, dot, etc.<\/p>\n<\/td>\n

      		\"\"<\/td>\nBar Series:<\/strong><\/p>\n

      The Bar series has rectangular bars (shown horizontally or vertically), where the length of each bar is proportional to its value.<\/p>\n<\/td>\n

      		\"\"<\/td>\n<\/tr>\n
      Stacked Bar Series:<\/strong><\/p>\n

      The Stacked Bar series has one or more series containing bar charts which stack vertically to form single bars. This is useful when you want to show parts of a whole.<\/p>\n<\/td>\n

      		\"\"<\/td>\nArea Series:<\/strong><\/p>\n

      The Area series is a line series with the area below the line filled in with a colour. If using more than one area series, it can be helpful to adjust the opacity (as shown in this example).<\/p>\n<\/td>\n

      		\"\"<\/td>\n<\/tr>\n
      Dot Series:<\/strong><\/p>\n

      The dot series displays each point as a dot, and is typically used to highlight statistical distributions.<\/p>\n<\/td>\n

      		\"\"<\/td>\nCombined Series:<\/strong><\/p>\n

      Charts that combine different series are useful for showing related information in different ways.<\/p>\n<\/td>\n

      		\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \n

      Your chart needs at least one series.<\/p>\n<\/div>\n\n\n\n
      \n

      <\/a><\/p>\n<\/td>\n

      		\n

      Adding a Series<\/strong>:<\/p>\n\n\n\n\n\n\n
      1. <\/strong>To add<\/em> a series, click Add<\/strong>, then edit the series properties.<\/td>\n<\/tr>\n
      2. <\/strong>To swap series order<\/em>, click the up\/down arrow next to a series.<\/td>\n<\/tr>\n
      3. <\/strong>To remove<\/em> a series, click Remove<\/strong>.<\/td>\n<\/tr>\n
      4. <\/strong>To edit<\/em> a series, click the series to open it, then edit the series properties.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \n

      Common Series Properties<\/h4>\n

      The various chart series use a set of common properties \"\", plus additional\u00a0properties \"\"\u00a0specific to the series type.<\/p>\n<\/div>\n\n\n\n
      \n\n\n\n\n\n\n\n\n\n
      \n

      Type:<\/em><\/strong><\/p>\n

      Each series can be plotted to best suit your data. The default is Line Series<\/em>.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Y Column:<\/em><\/strong><\/p>\n

      This is a mandatory selection, and is one of the columns from the chart's data (using a fixed or variable column name). The Y Column values are plotted along the Y Axis.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Show Column Name:<\/em><\/strong><\/p>\n

      Select this check box if you want the column name (as selected in Y Column<\/strong>) to appear in the legend and hairline. You can change this by supplying a different name in the Name<\/strong>\u00a0field.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Name:<\/em><\/strong><\/p>\n

      The name of the Y Column's that you want to appear in the legend and hairline. It should describe what is being represented. For example, the name COSTS<\/em> can be applied to a series where the Y Column is the value TOTAL_AMT<\/em>, if this value represents costs. Any value assigned to Name<\/strong> overrides the name supplied by\u00a0Show Column Name<\/strong>.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Name Column:<\/em><\/strong><\/p>\n

      Name Column<\/em> is an alternative to Name<\/em>. This uses one of the columns from the chart's data (using a fixed or variable column name). Each value in the data's named column is used as a separate name. An example would be a name column of 'Costs', where each separate cost in the data is plotted as a separate series. Name Column<\/em> overrides the Name<\/strong>, effectively splitting a series into separate, smaller sub-series. For example, a line series that uses a column value as its name will show a separate line for each different name in the data. This affects both the legend and hairline.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Y Axis:<\/em><\/strong><\/p>\n

      Choose Left or Right for the Y Axis<\/strong>. If you have more than one series, with a very different range of values, then you might choose to have a Left Y Axis<\/strong> for one series, and a Right Y Axis<\/strong> for others, so that values line up better on a single chart.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Filter Column and Filter Value:<\/em><\/strong><\/p>\n

      Use Filter Column<\/strong> and Filter Value<\/strong> together, instead of the Name Column<\/strong>, if the Y Column<\/strong> values come from a field that stores values apart from the ones you want for this series. With Filter Column<\/strong> and Filter Value <\/strong>you will also need to specify a Name<\/strong>. (More)<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n

      		\n\n\n\n\n\n
      <\/a><\/td>\n<\/tr>\n
      \n

      Colour:<\/em><\/strong><\/p>\n

      Specify the colour of the series in hexadecimal, for example #913D88<\/em> or RGB format, for example RGB(145,61,136)<\/em>. You can also just type in the name of a colour, for example RED, BLUE, MAGENTA, YELLOW<\/em> etc.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Colour Matcher:<\/em><\/strong><\/p>\n

      The Colour Matcher allows you to specify a colour for the series by typing in a name. You can enter a reserved word or a free-form word.
      \n If you type in a reserved word, you will get a reserved colour, as follows: OIL is green, GAS is red, WATER is blue, and NGL is purple.\u00a0This is particularly useful if you\u2019re driving the colour from a value in the source data, and want it to be meaningful for the value that it\u2019s representing.
      \n If you type in a free-form word, the chart allocates a colour to that word. Every time that word is used in the Colour Matcher for a series, the colour of the series will be the same. This applies to all Chart components used on a page.
      \n Note that Colour <\/em>overrides Colour Matcher<\/em>, so keep it empty if you want to use Colour Matcher.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Specific Series Properties<\/h4>\n

      The different series types have specific properties listed after the general properties, as shown in section \"\" of the screenshot above.<\/p>\n

      Line Series<\/h5>\n

      The Line series plots your data in a single line.\u00a0The specific options are:<\/p>\n\n\n\n\n
      Interpolation<\/strong><\/td>\nDetermines how the curves are drawn between points in the line series. The default is Monotone<\/em>. For detailed explanations, see Interpolation Options<\/a>.<\/td>\n<\/tr>\n
      Thickness<\/strong><\/td>\nDetermines the line thickness.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

       <\/p>\n

      Bar Series<\/h5>\n

      The Bar series has rectangular bars (shown horizontally or vertically), where the length of each bar is proportional to its value. The specific options are:<\/p>\n\n\n\n\n
      Bar Size<\/strong><\/td>\nA number that specifies the width of the bars, in pixels. E.g. 10, 20, 40 or 80. Note that all the bar series on this chart will have the same width, and you only need to set this for one of the bar series. The bar size may be limited by Explorer, depending on bar padding and the available width for the chart. You can also use the word \"Fill\" to fill the bars completely.<\/td>\n<\/tr>\n
      Bar Padding<\/strong><\/td>\nThe padding (in pixels) between the different bars for an x-value. Note that bar size and bar padding values will be overridden by Explorer, if there is not enough room on the chart.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

       <\/p>\n

      Stacked Bar Series<\/h5>\n

      The stacked bar is a series consisting of one or more bar series. There are no additional specific options, aside from the options of each bar series (see above).<\/p>\n

      <\/a><\/p>\n

       <\/p>\n

      Area Series<\/h5>\n

      The Area series is a line series with the area below the line filled in with a colour. The specific options are:<\/p>\n\n\n\n\n
      Opacity<\/strong><\/td>\nDetermines how transparent or opaque the area is. Values range from 0 to 1 (although 0 is invisible). Adjusting the opacity is useful when you add more than one area series, with the areas in the background showing through. In such a case, make each successive area chart less opaque than the previous one. For example, the first one is Opacity 1, then next is 0.75, the next is 0.5 and so on.<\/td>\n<\/tr>\n
      Interpolation<\/strong><\/td>\nDetermines how the curves are drawn between points in the line demarcating the area series. The default is Monotone<\/em>. For detailed explanations, see Interpolation Options<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

       <\/p>\n

      Dot Series<\/h5>\n

      The dot series displays each point as a dot. The specific options are:<\/p>\n\n\n\n\n\n\n\n
      Radius<\/strong><\/td>\nThe radius of each point. This can be a decimal value. The radius is useful if you want to emphasize one dot series (large radius) over another (smaller radius).<\/td>\n<\/tr>\n
      Highlight Column<\/strong><\/td>\nThe column that is used when determining whether to highlight a data point in the chart. This is typically a timestamp, or other date\/time column. Highlighting can be used to draw attention to data points within a specified time range.\u00a0For example, you can highlight the more recent data points based on a time variable on the page (e.g. if you\u2019re showing 1 week of data, you could have a highlightStart variable set to 1 day ago).\u00a0Highlighted data points will appear to be bigger when their timestamp is closer to the end of the time range.<\/td>\n<\/tr>\n
      Highlight Start<\/strong><\/td>\nThe variable that indicates the start of the highlighted range. By default, this is selectionStart<\/em>. We recommend not changing this default. If you do, you will also need to change this in other components that\u00a0also use this variable.<\/td>\n<\/tr>\n
      Highlight End<\/strong><\/td>\nThe variable that indicates the end of the highlighted range. By default, this is selectionEnd<\/em>. We recommend not changing this default. If you do, you will also need to change this in other components that also use this variable.<\/td>\n<\/tr>\n
      Highlight Colour<\/strong><\/td>\nThe colour that you want to use when highlighting data points. Tip<\/strong>: Use the opacity<\/em> setting if you want the highlight to appear as a \u201chalo\u201d around the data point.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

       <\/p>\n

      Examples of Series Configuration<\/h4>\n
      \n

      Here are some of the effects you can achieve by change the series properties; note that some properties are specific to the series type.<\/p>\n<\/div>\n\n\n\n\n
      \n\n\n
      \n\n\n
      \"\"<\/a>

      This single Line series displays just one of the entities. Data is filtered using the Filter Column and Filter Value.<\/p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      The chart in the screenshots below has four Line series, with TOTAL using the right Y Axis, and GAS, OIL and NGL on the Left Y Axis.<\/p>\n\n\n\n
      \n\n\n
      <\/a>

      C) When the user clicks or hovers on the Right Y axis, only the right axis and the line series using this axis are displayed.<\/p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      The chart in the screenshots below demonstrate how the order of the different series affects the chart appearance.<\/p>\n\n\n\n
      \n\n\n
      <\/a>

      The 'Budget' bar series appears before the 'Spent' bar series, because it is listed first in the component editor.<\/p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      There are many options for configuring your series; try these out once you have set up a chart.<\/p>\n

      Axes<\/h3>\n

      The chart has an X Axis, as well as a Y Axis (left and\/or right).<\/p>\n

      X Axis<\/h4>\n

      The X Axis<\/strong> is the principal axis, horizontal by default, containing the values against which other values are then measured. For example, Areas<\/em>\u00a0(X Axis<\/strong>) with allocated Budgets<\/em>\u00a0(Y Axis)<\/strong>. The settings for the X axis may change depending on if the chart is discrete or continuous<\/a>.\u00a0<\/p>\n

      Common Settings<\/h5>\n\n\n\n
      \n\n\n\n\n\n\n\n\n
      Column<\/strong><\/td>\nThe column (fixed or variable) from the source data that contains the values to display along the X axis.\u00a0<\/td>\n<\/tr>\n
      Data Type<\/strong><\/td>\nThe data type of the x axis determines if the chart is discrete or continuous<\/a>, and therefore the level of interactivity available to the user. The data type should\u00a0be compatible with the Column<\/em>. If Column <\/em>can be represented as a number, you can select Number<\/em>\u00a0or Time<\/em> from the drop-down. If this is still not compatible with some of the series, you will get a warning message.\u00a0The default is\u00a0String.\u00a0<\/em><\/td>\n<\/tr>\n
      Visible<\/strong><\/td>\nShow or hide values along the X axis. If this is not selected (select the check box or use a variable to control this), values do not appear along the X Axis.<\/td>\n<\/tr>\n
      Label<\/strong><\/td>\nThe label for the X axis. This can be a simple text label or it can be driven by a\u00a0variable.<\/td>\n<\/tr>\n
      Enable Gridlines<\/strong><\/td>\nEnable or disable gridlines originating at the X axis (i.e. vertical gridlines, on a vertically oriented chart).<\/td>\n<\/tr>\n
      Selected<\/strong><\/td>\nSelect a variable here if you want to use the selected X Value as a variable in a text label or other control, or as a variable parameter to other dataset queries. At run-time, click a value on the X Axis to select it. (See Tutorial 1 - Part 4<\/a>).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      Discrete Charts<\/h5>\n\n\n\n
      Values<\/strong><\/td>\nAdd one or more values to the existing values on the X Axis that are returned from the source data (add a list, or use a list variable). Values are added as strings.\u00a0Only\u00a0applicable to discrete\u00a0charts (where the x axis data type is string<\/em>).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      Continuous Charts<\/h5>\n\n\n\n
      \n\n\n\n\n\n
      Min<\/strong><\/td>\nThe minimum value to be displayed along the X axis. The value cannot go below the minimum, so only set this\u00a0if you know what the minimum value should be, or if you are only interested in showing above a minimum value. Min can be left out (no limit set), or assigned a fixed or variable numerical value (the limit). For example, you might use source data that returns the minimum value of the X field, which you can use as a variable for\u00a0Min<\/em>.<\/td>\n<\/tr>\n
      Max<\/strong><\/td>\nThe maximum value to be displayed along the X axis. The max value cannot be exceeded, so only set this\u00a0if you know what the maximum value should be, or if you are only interested in showing up to a maximum value. Max can be left out (no limit set), or assigned a fixed or variable numerical value (the limit). For example, you might use source data that returns the maximum value of the X field, which you can use as a variable for\u00a0Max<\/em>.<\/td>\n<\/tr>\n
      Ticks<\/strong><\/td>\nThe number of intervals to show along the x axis. The chart will determine the best number of ticks that is closest to the given value.\u00a0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n\"\"<\/a><\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      X Axis - Link Action<\/h4>\n

      The Link Action section appears when\u00a0the X Axis has a data type of\u00a0string<\/em> (discrete\u00a0charts). This allows you to assign links on the X axis values, to allow users to open related information. You can link to a Page, URL, existing Trend, or blank Trend (see step 7 in\u00a0Tutorial 1 - Part 1<\/a>).<\/p>\n\n\n\n
      \n\n\n\n\n\n\n\n\n\n
      Type<\/strong><\/td>\n\n

      Specify the type of link that the action will open.<\/p>\n

      Open Page<\/em><\/strong> - Opens an Explorer page.
      \n Open Trend<\/em><\/strong> - Opens a saved Explorer trend.
      \n Open URL<\/em><\/strong> - Opens a web page that exists outside of P2 Explorer.
      \n New Trend<\/em><\/strong> - Opens a blank Explorer Trend.<\/p>\n<\/td>\n<\/tr>\n

      Workspace Name<\/strong><\/td>\nThe name of the workspace containing the Explorer page or trend. Applies to 'Open Page' and 'Open Trend'.<\/td>\n<\/tr>\n
      Page\/Trend Name<\/strong><\/td>\nThe name of the page or trend to open. Applies to 'Open Page' and 'Open Trend'.<\/td>\n<\/tr>\n
      Tab Type<\/strong><\/td>\n\n

      Whether to open the link the same tab or a new tab within P2 Explorer.<\/p>\n

      New Explorer Tab<\/em><\/strong> - Open the page or trend in a new tab inside P2 Explorer.
      \n Same Explorer Tab<\/em><\/strong> - Open the page or trend in the current P2 Explorer tab, replacing the page.<\/p>\n<\/td>\n<\/tr>\n

      URL<\/strong><\/td>\nThe address of the web page to open.\u00a0<\/td>\n<\/tr>\n
      Header<\/strong><\/td>\nThe text to show in the header of the new Explorer tab when the URL is opened. If left blank, the tab will show 'New Page'.<\/td>\n<\/tr>\n
      Variable Mapping<\/strong><\/td>\n\n

      Use Variable Mapping to pass variables from the current Explorer page to the page, trend or URL you are linking to. Variables are case-sensitive.\u00a0Each variable mapping needs a source<\/em> (coming from the page you are on) and a target<\/em> (for the trend\/page\/URL you are opening). The source and the target should have matching data types.<\/p>\n

      Click Add<\/strong> to add a new variable mapping.<\/p>\n

      Source<\/em><\/strong>: The name of the variable in the source system that you want to map to the destination page. This can be a variable (such as a Combo Box's<\/a> Selected Option), or you can type in text or a number (select Variable, Text, Number, List, Entity, or Entities<\/em> as appropriate, from the drop-down list to the left of Source<\/em>). You can also pass in a Yes\/No value or a datetime value.<\/p>\n

      Tip: Use the 'Context<\/strong>' variable (xValue) type to send the value of the X axis to another page or trend. xValue is only available to discrete charts and is not available\u00a0in other controls that use variable mapping. Remember that the data type of xValue must match the data type of the target variable.\u00a0<\/em><\/p>\n

      Target<\/em><\/strong>: The name of the variable in the destination system into which you want to inject the value.\u00a0This must be an accurate match (case-sensitive). Read more about the names of common variables on pages<\/a> and trends<\/a>.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n

      		\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Left Y Axis and Right Y Axis<\/h4>\n

      The Left Y Axis<\/strong>, vertical by default, is used for plotting values of the X Axis<\/strong>. Note that this axis is only used if Left<\/em> is selected as the Y Axis<\/strong> in one or more series (it is, by default). The Left Y Axis<\/strong> comes preconfigured.<\/p>\n

      The Right Y Axis<\/strong> is the same as the Left Y Axis, and can be used instead of or together with the Left Y Axis (selected in the Series).<\/p>\n

      It is useful to have these two separate axes if there are series with very different expected values; this way, all series can be better scaled to show up well in the chart. Another use of having both Y Axes would be to show different types of measures. For example, show dollars along the Left Y Axis, and counts along the right Y Axis.<\/p>\n\n\n\n
      \n\n\n\n\n\n\n\n\n\n\n
      Min<\/strong><\/td>\nThe minimum value to be displayed along the Y axis. The value cannot go below the minimum, so only set this\u00a0<\/span>if you know what the minimum value should be, or if you are only interested in showing above a minimum value. Min can be left out (no limit set), or assigned a fixed or variable numerical value (the limit). For example, you might use source data that returns the minimum value of the Y field, which you can use as a variable for\u00a0Min<\/em>.<\/td>\n<\/tr>\n
      Max<\/strong><\/td>\nThe maximum value to be displayed along the Y axis. The max value cannot be exceeded, so only set this\u00a0if you know what the maximum value should be, or if you are only interested in showing up to a maximum value. Max can be left out (no limit set), or assigned a fixed or variable numerical value (the limit). For example, you might use source data that returns the maximum value of the Y field, which you can use as a variable for\u00a0Max<\/em>.<\/td>\n<\/tr>\n
      Visible<\/strong><\/td>\nShow or hide values along the Y axis. If this is not selected (select the check box or use a variable to control this), values do not appear along the Y Axis.<\/td>\n<\/tr>\n
      Label<\/strong><\/td>\nThe label for the Y axis. This can be a simple text label or it can be driven by a\u00a0variable.<\/td>\n<\/tr>\n
      Enable Gridlines<\/strong><\/td>\nEnable or disable originating at the Y axis (i.e. horizontal gridlines, on a vertically oriented chart). Note that if you have this enabled on either the left or the right Y axis (and that axis is used by one or more series), the gridlines are visible.<\/td>\n<\/tr>\n
      Tick Format<\/strong><\/td>\nThe format of the values\u00a0displayed along the Y Axis. For example, if your value\u00a0is a dollar value, you can type in the dollar $<\/strong> symbol. Your labels would then look like $ 50.00, $ 25.00 and so on. Other formatting symbols to use are the signs (+\/-), the comma (for a thousands separator),<\/strong> and precision symbols. You can use these together, for example $,<\/strong> displays the currency symbol and has a thousands separator.<\/td>\n<\/tr>\n
      Scale Type<\/strong><\/td>\nThe type of scale to use for the chart. Option are Linear or Log. The default option,\u00a0Linear,\u00a0<\/em>shows the actual values. Logarithmic scale (Log<\/em>) displays a logarithmic calculation, which is useful when you have a wide range of values to display. Tip<\/strong>: You can set this as a variable in a Combo Box, so that the user can toggle between the log and linear scale.<\/td>\n<\/tr>\n
      Log Gridlines<\/strong><\/td>\n\n

      For charts with a log scale<\/strong>, you have the option of showing only the major grid lines (below left), or both the major and minor grid lines (below right). Note: This only applies to the Log<\/em> Scale Type<\/strong>. Options: Major Only<\/em>,\u00a0Major and Minor<\/em>.<\/p>\n

      \"\"<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n

      		\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Other<\/h3>\n

      This includes optional configurations for the chart's general appearance, such as orientation. Some options depend on the data type\u00a0of the x-axis.\u00a0<\/p>\n

      \"\"<\/p>\n\n\n\n\n\n\n\n\n
      Orientation<\/strong><\/td>\n\n

      \"\"<\/a>Charts default to vertical. If you change this to horizontal, then your Y Axis is plotted along the horizontal, and your primary values (X Axis<\/em>) move to the vertical.
      \n Horizontal is useful if you are expecting a lot of X Values, as the legends stack neatly underneath each other (horizontally). Available on all series.<\/p>\n<\/td>\n<\/tr>\n

      Legend<\/strong><\/td>\n\n

      The legend displays the values of the X Axis Field<\/em>.\u00a0Available on all series. Additional option if selected:<\/p>\n

      Legend Position<\/strong>: The location of the legend relative to the chart, right by default. Options are: Right<\/em>, Bottom<\/em>,\u00a0Top<\/em>, Top-inside<\/em> (shown below). <\/em>Choose Top-inside<\/em> if you have limited space. The legend sits inside the component's bounding box, so may affect the size of the chart.<\/p>\n

      \"\"<\/a><\/p>\n<\/td>\n<\/tr>\n

      Tooltip<\/strong><\/td>\n\n

      \"\"<\/a>Show the Y value of the data point when you hover over a bar on the chart.<\/p>\n

      Only available for discrete<\/a> charts (x axis data type is\u00a0String<\/em><\/strong>).<\/p>\n<\/td>\n<\/tr>\n

      Range Selector<\/strong><\/td>\n\n

      \"\"<\/a>Range selectors allow the user to highlight a particular section of a chart by dragging on it, and can be used to allow the user to select a time range (can also be used to select a number range). Range selectors are useful when linking charts (see Tutorial 2 - Part 1<\/a>). Only available for continuous<\/a> charts (x-axis data type is\u00a0Time <\/em><\/strong>or Number<\/em><\/strong>).\u00a0Additional options if selected:<\/p>\n

      Range Start<\/strong>: The variable that determines the start of the selected range. By default, this variable is selectionStart.<\/em><\/p>\n

      Range End<\/strong>:\u00a0The variable that determines the end of the selected range. By default, this variable is selectionEnd.<\/em><\/p>\n

      Range Selector Update<\/strong>: Whether the linked item should update dynamically when dragging the selector, or if the linked item should be updated when the selection is finished (i.e. when the user lets go of the mouse button). Watch the video below to see this behaviour in action.<\/p>\n\r\n\t\r\n\t

      Hairline Mode<\/strong><\/td>\n\n

      \"\"<\/a>A hairline shows the value of a data point at the x axis position that a user clicks. The hairline mode determines how many hairlines can be shown at one time. Options: None<\/em>, Single<\/em>, Dual<\/em>, Multiple<\/em>. Default is none<\/em>. Only available for continuous charts (x-axis data type is\u00a0Time <\/em><\/strong>or Number<\/em><\/strong>). \u00a0Additional options:\u00a0<\/p>\n

      Hairline Start<\/strong>: The time of the line\u00a0at the left-most hairline. If the Hairline Mode is Single<\/em>, Hairline Start and Hairline End will have the same value.<\/p>\n

      Hairline End<\/strong>: The time of the line at the right-most hairline.<\/p>\n<\/td>\n<\/tr>\n

      Comments<\/strong><\/td>\n\n

      \"\"<\/a>Comments are observations made at a point in time that users can associate with a particular tag, entity, or entity attribute. When comments<\/a> are enabled on a chart (see Tutorial 2 - Part 2<\/a>), a symbol \"\"\u00a0in the hairline indicates that users can click it to add a comment. If a comment has been added, this is shown by a black comment symbol\u00a0\"\"\u00a0on the chart itself, at the point in time when the comment was added. Users can click the symbol to see the comments and add additional ones. Comments are only available for continuous charts (x-axis data type is\u00a0Time <\/em><\/strong>or Number<\/em><\/strong>). Additional option if selected:<\/p>\n

      Comment Names<\/strong>: The names of the tags, entities, or entity attributes that a comment can be associated with, on this chart. You only need to add the items\u00a0that you want users to be able to comment on. In the hairline, the comment symbol will appear next to its value.<\/p>\n

      Note<\/strong><\/em>: For comments against entity attributes, you must:<\/p>\n