--- title: "Time Series Trend" slug: "time-series-trend-12-1" updated: 2026-03-19T14:23:05Z published: 2026-03-19T14:23:05Z canonical: "docs.bazefield.com/time-series-trend-12-1" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.bazefield.com/llms.txt > Use this file to discover all available pages before exploring further. # Time Series Trend This page describes how to configure the TimeSeries Trend widget. The general description of this widget can be found here: [Widgets](/product/docs/timeseries-widget-documentation). This widget is intended for use in [Dashboard applications](/product/docs/create-dashboard-application-2) and [Report applications](/product/docs/create-report-application-2). This widget supports the following data source types: - [Point Datasource](/product/docs/point-2) - [Availibility Statistics](/product/docs/availability-statistics) ## Configuration ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-HB4A1F0U.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) Except for the output configuration (see description bellow), the configuration is common to all widgets that uses datasource. Please refer to the overall description on the [Widget Configurations](/product/docs/widget-configurations-2) article. ### Output Configuration The output configuration allows to choose which point the timeseries will show (many points can be selected). - Click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(916).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) button or any blue item in *App Linked Data Sources* (for example: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-BX1IFYI9.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D)) to display the point configuration: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(458).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) - Select a Data, which will be selected from a datasource. It can be either a Point, a numerical attribute or a calculation - Note: after clicking an item in *App Linked Data Sources*, this element is automatically selected. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(459).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) The type is *Time series* (only possible option for this widget). Choose a time aggregate interval. #### Chart Type ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-PPDPMND8.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) Choose the Chart type from the following choices: - Vertical Bar: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(712).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) - Line: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(713).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) DIfferent type of line chart types are available, you can customize the dash style and select a step line. We provide 11 different dashing styles and 4 step line styles, making 44 possible configurations for a Line chart. - Scatter: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(714).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) - Area: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(715).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) DIfferent types of area charts are available, you can customize the dash style for this option. - Spline: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(717).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) DIfferent types of spline charts are available, you can customize the dash style for this option. - Area Spline: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(718).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Colors The user can select two colors: one for the light theme and one for the dark theme ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(472).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) See more information on the color picker in [Widget Configurations](/product/docs/widget-configurations-2). > **Important note :** The colors defined in the series configuration are applied only when the widget displays data for a single asset. When multiple assets are selected, the widget automatically assigns different colors to each asset of the same series, based on the colors defined in the Theme application. #### Unit The user can either use the unit defined in the point definition (see [Points](/product/docs/points)) or write a unit directly in the widget. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(473).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Value Decimals The user can enter the number of decimal displayed in the tooltip of the widget. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(481).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Min & Max value Theses value serves as value filters. Setting a min value will filter out every data of the series which are below this min value, setting a max value will filter out every data of the series which are above this max value. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(482).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Point sets A **point set** is a configuration grouping one or multiple points, accessible through the top-right button of the widget. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(719).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) You can enable this feature by switching on the **“Use point sets”** option in the *Output Configuration* section. Within a point set, you can add as many points as needed and create multiple point sets if required. The configuration of each series within a point set works the same way as configuring a series outside of it. Each point set can be given a custom name, making it easier for end users to identify within the widget. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(485).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) ## Advanced ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-YAILYRMY.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Chart Title User can make title for the chart, which shows above the graphs ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(720).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Height User can modify the height (in pixel) of the widget #### Maxium number of chart series This option sets a limit on the maximum number of chart series the widget can display. A value that’s too high may impact performance or even cause the widget to crash. Setting a reasonable maximum helps ensure that end users don’t experience performance issues. #### Show app link When enabled, an **“Open in Trend”** link will appear in the widget frame, allowing users to view the same series in the Trend application. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(721).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) > [!WARNING] > **Note:** The Trend application does not support certain widget features, such as color points by conditions. As a result, some differences may appear between the widget and the application. #### Include site name in legends When enabled, the series names in the legend will display the name of their associated site. #### Enable navigator When enabled, a navigation bar will appear below the chart, allowing the user to zoom along the time axis. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(722).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Enable Zoom buttons When enabled, time zoom buttons will appear in the top-left corner of the widget, allowing the user to quickly zoom into specific timeframes. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(723).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) #### Color points by conditions > [!WARNING] > Warning : When configuring a point color filter, ensure that the point used for the color filter comes from the same datasource as the points defined in the output configuration section. When this setting is enabled, users can define **point color filters** and configure **color ranges** for each selected point. This allows the chart to visually distinguish data ranges based on defined thresholds. To set it up, select a data point (from a datasource already defined in the Output Configuration), then configure value ranges using **From** and **To** fields. For each range, you can add a **description** and assign a **color**. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(493).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(725).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D) Once applied, the widget will automatically color the chart series according to the defined ranges, providing a clear visual representation of value intervals. The range is [from,to[ meaning “to” is excluded Each color filter range will generate a separate series corresponding to that filter. ## Widget interactions The Time Series Trend widget can be synchronized to other widgets, see [Widget synchronization](/product/docs/widget-synchronizations-2). #### Widget default options Multiple download options are available by default within the widget. Users can also choose to view the widget’s data in a table format. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(726).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A55Z&se=2026-11-06T21%3A49%3A55Z&sr=c&sp=r&sig=Hwk4OJxOTHFDLh2HBGhHf5cJlBV%2FoKy84wpazpzF6GM%3D)