Like what you see? Have a play with our trial version.

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

These allow users to create charts directly on the dashboard canvas without going through Yellowfin Data Discovery’s report builder. This is done by using the Blueprint Widgets, which include some of the most widely used chart types. Quick Charts are created using Blueprint widgets, which include some of the most widely used chart types, and choosing the Simple Report creation option. 

Note: For more advanced reporting, use Yellowfin’s Data Discovery.

...

Chart icon

Chart name

Description

Number chart

For charts with numeric report results.

Pie chart

For pie or ring charts.

Column chart

For charts with vertical columns.

Line chart

For time series charts. These can appear as line or area chart. 

Meter chart

For meter charts.

Bar chart

For horizontal bar charts.

Basic Tutorial

A Quick Chart can instantly be created by dragging a Blueprint Widget and using the properties panel to configure the chart. 

Image Added

Overlay chart*

For charts where a line chart is overlaid on a bar chart. The line chart emphasizes a trend and the bar chart emphasizes specific values.

Image Added

Map chart*

For map charts to showcase geographical data.

Image Added

Scatter chart*

For a scatter plot chart, where points are not joined.

Image Added

Heat grid*

For a chart that plots the intensity of a metric across multiple categories.

* These widgets are currently only used as Blueprints, without the functionality to extend them to Quick Charts. Users can, however, use the Advanced Report option to create these charts via the Chart builder in Yellowfin Data Discovery.



...


Basic Tutorial

A Quick Chart can instantly be created by dragging a Blueprint Widget and using the properties panel to configure the chart. 

  1. Click on the Blueprint button on the left side to expand its panel.

    Image Added

  2. Drag a chart type of your choice onto the canvas. You can position and resize it to fit your design.
  3. You can add a title and description for it in its properties panel (make sure the Blueprint Widget is selected on the canvas to make its properties panel appear).

    Tip

    Use the Activity Stream button (bottom right of the screen) to discuss and collaborate with other team members on your Blueprint further.


    Image Added

  4. To create a Quick Chart (created directly in the dashboard) or even an advanced chart (created in the report builder, but added here upon publish), proceed with the following steps.

    Click on Create Report. You’ll be faced with two options:


    Image Added


    1. Create Simple Report: This option allows you to create a Quick Chart within the dashboard canvas. 

    2. Create Advanced Report: This allows you to create an advanced report. On doing so, you will exit the dashboard and navigate to the report builder in Yellowfin Data Discovery. Create a report as per normal, and publish it. Then close the Report page to jump back into the dashboard where your newly created advanced report will be displayed.


  5. In this tutorial, we’ll be creating a Quick Chart, using the Create Simple Report button. Click on it to bring up the following form.


    Image Added


  6. Select a view from the list. Then select a dimension and series (metric) field for the chart.

  7. Click on the Create button.

    Image Added




  8. This will create a simple chart directly on the dashboard, as shown in the example below.

    Image Added


  9. To further configure this chart, open the chart’s property panel, which will display additional

  10. Click on the Blueprint button on the left side to expand its panel.
    Image Removed
  11. Drag a chart type of your choice onto the canvas. You can position and resize it to fit your design.
  12. You can add a title and description for it in its properties panel (make sure the Blueprint Widget is selected on the canvas to make its properties panel appear).
    Tip

    Use the Activity Stream button (bottom right of the screen) to discuss and collaborate with other team members on your Blueprint further.

    Image Removed
    To generate a Quick Chart, click on the Select a View button on the newly added blueprint chart widget.
    Image Removed
    Select on a view name from the popup that appears.
    Image Removed
    The chart properties panel will appear displaying its configuration details. This is where you define the chart

    fields, which vary for each chart type. Each chart will also differ based on the minimum set of fields to be defined for it. 


    Image Removed

      
    Image Added


    1. You may define a new filter condition in your chart by using the +Filters button.
    2. Expand First, expand the Field Selection section and choose the data fields.
    3. Then in the Chart Settings section

      , define additional settings. 

      Next, define additional settings for series in the Series Formatting section.settings. 

      Note

      Refer to the chart type section below for further details on their specific configurations.


  13. You will notice your chart autogenerating with each field and configuration you define. You do not require additional steps to save the chart.
  14. You may update other properties of this widget, such as its size and location on the canvas, and background details. See the properties panel for details on all widget properties.

...

Section


Column



Column


Property name

Description

Name

Allows you to update the name of the selected Blueprint widget. This is ideal for code mode.

Chart title

Allows you to provide a title for the chart.

Description

Allows you to provide a description of the chart. 

Field Selection

This section shows data fields to be selected for the Quick Chart. Note that the configurations shown here will differ according to the selected chart type.

For more information on the different settings in this section, refer to the wiki’s section on a selected blueprint chart types.

Chart Settings

This section allows you to apply chart settings on the Quick Chart. These will differ depending on the chart type selected.

Series Formatting

Allows you to configure settings related to chart series formatting, such as series color.

Size & location


X

Specify the x coordinates of the top left corner of the widget, in order to position it exactly on your dashboard canvas.

Y

Specify the y coordinates of the top left corner of the widget, in order to position it exactly on your dashboard canvas.

Width

Specify the width of the currently selected widget, in pixels, in order to resize it exactly.

Height

Specify the height of the currently selected widget, in pixels, in order to resize it exactly.

Corners

This option allows you to define the roundness of your widget border corners. Tip: For maximum circular edges, enter half the value of the widget height. For example, if the height is 400 pixels, then set the edge value to 200 pixels. Moreover, any value greater than 200 for the edge, will have no further effect in this example.

Aspect ratio

Enable this toggle to maintain the aspect ratio. This means when increasing or decreasing the widget size, it maintains its shape (i.e. the relationship between its width and height).

If this is disabled, the widget can be stretched out of shape either vertically or horizontally.

Lock widget

Enable this toggle to lock the widget in its location. This stops you from moving or resizing it. This holds true even when selecting multiple widgets on the canvas. Note that the widget can still be customized. 

Background formatting 

Background color

Allows you to specify a background color for the widget. 

Opacity

Allows you to specify the transparency of the widget's background color.

Customise padding

This option allows you to define a custom padding or buffer around the widget, in pixels, when enabled. This includes padding for each side to the widget. If disabled, you can still define an overall padding size.

Padding top

When custom padding is enabled, this allows you to define padding to be added to the top of the widget.

Padding bottom

When custom padding is enabled, this allows you to define padding to be added to the bottom of the widget.

Padding right

When custom padding is enabled, this allows you to define padding to be added to the right of the widget.

Padding left

When custom padding is enabled, this allows you to define padding to be added to the left of the widget.

Padding 

This allows you to define an overall padding size for the widget. This size, defined in pixels will be constant for each widget side. To add different sized padding on any of the sides, enable the Customise Padding option.

Border width

This allows you to specify the thickness of the widget border.

Note: to make the border visible, you must define values for all three border properties.

Border style

This allows you to select a style for the widget border. Options include: dashed, solid, dotted, groove, and more.

Border color

This allows you to specify the color of the widget border.

Horizontal shadow

This option allows you to drop a horizontal shadow on the widget, by defining its size in pixels.

Vertical shadow

This option allows you to drop a vertical shadow on the widget, by defining its size in pixels.

Shadow blur

This option allows you to define the sharpness of the widget shadow. The smaller the value, the sharper and more defined the shadow will be. For a blurry or softer shadow, provide a bigger value.

Shadow color

This option allows you to set a color for the widget shadow.






Quick Charts in Imported Dashboards

Imported dashboards containing Quick Charts, will have the Quick Charts appear in the ‘Report’ widget panel, and behave as regular report objects, meaning users will not be able to further configure them as Quick Charts (i.e. via the Properties panel). These charts can however be viewed and edited as regular reports in the dashboard.