Skip to main content

Manage Charts

See the following sections to view, edit, and manage charts on dashboards.

Change the Chart Type

On the Dashboards page, you can change a chart's type, depending on the result of your query. If the query you have used doesn’t support a certain chart type, an error message is displayed.

  1. On the Dashboards page, click the Edit button.
  2. Click the Panel's Settings icon.
  3. The Chart Type dialog is displayed.
  4. Select a chart type of your choice from the listed options.
  5. The query is displayed as the new chart type in the preview below. (If the query you’ve used doesn’t support a certain chart type, an error message is displayed.)
  6. Click Save.

You can try the different Chart Types available to visualize your data. 

Change the Color of a Chart

The colors used in a chart are assigned randomly. You can change the color at any time by editing the Panel settings.

To change the color of a chart, do the following:

  1. On the Dashboards page, click the Edit button.
  2. Click the panel Settings icon.
  3. In the Settings dialog, click Color.
  4. Select a color.
  5. Click Save.

Search Page Edits

Change the Color of a Chart by Value Range on the Search Page

When viewing search results displayed as a bar chart or column chart in panels or in the Aggregates tab, you can choose to change the color of a bar or column depending on the value range of the search output. This setting doesn't affect the query; it's only applied to query results.

At a glance, you'll be better able to see if a value is out of an acceptable range, or is under an important threshold. For example, say we've created a dashboard panel that displays results for user log ins over 24 hours. We'd like to see right away any user that has logged in more than 30 times in the past day. We can have a column that shows 30 or more log ins display as bright red, which is easily distinguishable from our other columns.

To change the color of a column by value range:

  1. On the Search page, in the Aggregates tab, click the Settings icon and select Change Properties.

  2. In the Color section:

    • Type a number in the From Value text box.
    • You can leave the To Value text box empty if you don't want to set an explicit value; otherwise type a number in the box.
    • For Color, choose a pre-set option, or choose a custom color.
  3. Click Add if you would like to set another value range. For example, you can create "stop light" values of green, yellow, and red ranges indicating low, medium, and high threshold warnings.

  4. Click Save.

Change Chart Properties on the Search Page

Though colors used in a chart are assigned randomly, you can change the color at any time by editing the Chart Properties. You'll also find the option to change the way labels are truncated.

To change properties of a chart:

  1. On the Search page, in the Aggregates tab, click the Settings icon and select Change Properties.

  2. Do any of the following:

    • Label Truncation. To change the way labels are truncated, choose either End or Middle.
    • End label truncation means that a value, such as an IP address, could be shortened to 100.100...., so that the beginning of the value is retained.
    • Middle means that an IP address could be shortened to 100...100, so that the beginning and the end of the value is retained.
    • Stacking. For stacked charts, choose a stacking option; either NoneNormal, or Percent. (This option won't change the appearance of any other type of chart.)
    • Color. To change the color scheme used in the chart, select a color option.
  3. Click Save.

Change the Label Size

You can change the font size of the title and labels for any chart with an X axis.

To change the size of a chart title and labels, do the following:

  1. On the Dashboards page, select the Edit button.

  2. Click the Panel's Settings icon. The Settings dialog appears.

  3. In the left navigation menu, click Y Axis.

  4. Under Font Size, specify a size for the chart Title and Label.

    LableSize-options.png

  5. Click Save.

Change Table Chart Settings

For a table chart, you can change the way text is truncated, and the font size.

To change Table Chart settings:

  1. On the Dashboards page, select the Edit button.

  2. Click the Panel's Settings icon.

  3. In the Settings dialog, click General.

  4. Under Text Truncation, choose:

    • None to display all log message text.
    • Middle to shorten a log message, so that the beginning and the end of the message is retained.
    • End to shorten a log message so that it ends with ..., so the beginning of the value is retained.
  5. Under Font Size, select SmallNormal, or Large.

  6. Click Save.

Change Donut or Pie Chart Settings

Within the dashboard, a panel can display a pie or a donut chart, and you can toggle between the two as you choose. Both types of charts can display multiple slices at once, and the number of slices being displayed can be changed.

To change a Donut or Pie chart:

  1. On the Dashboards page, select the Edit button.

    Edit_Mode.png

  2. Click the Panel's Settings icon.

    Dash_Setting.png

  3. In the Settings dialog, click General.

    General_Settings.png

  4. Under Display, select:

    • Donut. (Default) Displays a hole in the center.

    • Pie. Displays a complete circle.

      DisplayDonutPie.png

  5. Under Slices, in Border select:

    • Show borders. (Default) These are the thin lines that separate the slices.

    • Don’t show borders. Removes the lines.

      Display_Border.png

  6. Under Number of Slices select:

    • Show all slices to display all data.

    • Or click the default number 10 to enter a new value.

      Display_Slices.png

  7. You can also change the position of the Legend, Label truncation, and Dashboard Linking in this page. See Manage Dashboard and Manage Panels.

  8. Click Save.

Change Single Value Chart Settings

For Single Value charts, you can change the chart's numeric value, unit prefix, labels, and also settings for when data is not available.

To edit a Single Value chart:

  1. On the Dashboards page, select the Edit button.

  2. Click the Panel's Settings icon.

  3. In the Settings dialog, click General.

  4. For Numeric Value:

    • Select Show number or Don’t show number. If you don’t show a number, the chart is displayed as a solid color.
    • Unit. Define the unit to append to the value. Maximum length is 6 characters.
  5. For Labels:

    • Title. Enter an optional title for the chart. Maximum length is 25 characters.
    • Description. Enter an optional description for the chart. Maximum length is 125 characters.
  6. When Data is Not Available: When no data is available for this query, all previous options are ignored. But if the settings below are not configured, the chart will display no information.

    • Use the following settings. Activate this check box to display customized values for when no data is available.
    • Default Value. Enter the message you would like to display when no data is available. The maximum length is 8 characters.
    • Background color. Select a default background color to display when no data is available. The default is gray.
  7. Click Save.

Show Grid Lines

When you create a Line Chart or an Area Chart to be used in a Panel, you can add grid lines to the chart, and also customize how those grid lines are displayed.

To show grid lines:

  1. On the Search page, in the Aggregation tab, click the Settings icon and select Grid Lines.

  2. Select Enable grid lines. By default, the check boxes For X axis and For Y axis are selected, and automatic (default) grid lines are used in the chart. The default should satisfy most use cases, but you can customize how the grid lines are displayed. 

  3. X or Y Axis. You can select or deselect the check boxes For X axis and/or For Y axis

  4. Grid Line Interval. Enter a positive numeric value for the frequency that you want to see the grid lines in relation to the query and the data it has returned. (For a timeslice X axis, the unit is seconds. For example, if you enter X interval = 4, grid lines will appear every 4 seconds.)

    note

    If the Y axis in your line chart is logarithmic, (under Change Axis, for Chart Scale, select Log Scale), the Grid Line Interval field will be grayed out, and the chart will use automatic (default) grid lines.

    For the Y axis in the example below, the data ranges from 0 to 2,560 and shows default grid lines at 0, 640, 1,280, 1,920, and 2,560. So if you want to see 10 grid lines between 0 and 2,560, divide 2,560 by 10 (2560/10 = 256). For the Y axis Grid Line Interval enter 256, and you will see 10 grid lines between 0 and 2,560.

  5. Grid Line Color. To modify the grid line color, you can use:

    • A six digit hexadecimal code, for example, #00FF00.
    • A simple string, such as red or blue.
    • An RGB value, like rgb(0,255,0).
  6. Click Save.

info

If the whole area is covered with color rather than grid lines of color, the Grid Line Interval is too low. Calculate a larger number based on the data ranges returned by your search query. Also, in the Chrome web browser, if the number of grid lines is too low, it could freeze the browser window or crash the Search tab. If this occurs, you will see a warning message.

Change the Line Properties of a Chart

You can modify the properties of chart lines in the following ways:

  • Use smooth curved lines (splines) 
  • Add markers and specifying the marker type
  • Specify line thickness
note

This procedure only applies to Line and Area charts. 

To change the line properties of a chart, do the following:

  1. On the Dashboards page, click the Edit button.

  2. Click the Panel's Settings icon. The Settings dialog appears with the Chart Type selected.

  3. In the left menu bar, choose Line Settings

    LineSettings_option.png

  4. To use smooth lines in a chart, under Line Style select the Enable smooth line checkbox.

  5. Specify a Line Thickness.

  6. Under Marker Style, choose a Marker Type from the drop-down list and specify a Size.

    LineSettings_choose-options.png

  7. Click Save.

Change the Stacking Option

For the Bar, Column, Line, or Area charts, you can choose a stacking option; either None, Normal, or Percent. This option won't change the appearance of any other type of chart.

To change the Stacking Option in your chart:

  1. On the Dashboards page, select the Edit button.

  2. Click the Panel's Settings icon.

  3. In the Settings dialog, select General.

  4. Under Stacking, select:

    • None for no stacking.
    • Normal for normal stacking.
    • Percent uses the full height of the chart. Each graphed series is a percentage of the total.
  5. Click Save.

For details on how to create a stacked column chart, see Column Charts.

Sumo Logic YouTubeSumo Logic Twitter
Legal
Privacy Statement
Terms of Use

Copyright © 2022 by Sumo Logic, Inc.