Pie/Donut Chart (JavaScript)

A pie or donut chart based on the NVD3 library.

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.

Options

Category Column
Select the column that contains the category values.
Aggregation Method
Select the aggregation method used on the selected frequency column. In case of Occurrence Count the occurrence of the unique values of the selected category columns are determined.
Report on missing values
Check to get the detailed warning messages in the view about missing values and enable 'Missing values' category. If not checked, missing values will be ignored without raising a warning. 'Missing values' category will not be present.
Include 'Missing values' category
If checked, missing values in the category column will form a separate class named "Missing values". Otherwise they will be ignored.
Frequency column (*)
Select the column with the frequency for the chart. Note: negative values will be taken with their absolute magnitude.
Missing values in the frequency column will be ignored with a corresponding warning message.
If a category has only missing values in the frequency column, this category will be excluded from the view with a corresponding warning message.
Process in memory
Process the table in the memory. Requires more memory but is faster since the table needs not to be sorted prior aggregation. The memory consumption depends on the number of unique groups and the chosen aggregation method.

General Plot Options

Title (*)
The chart title.
Subtitle (*)
The chart subtitle.
Chart type
Check this option to build a donut chart. Otherwise, a pie chart will be plotted.
Donut Hole Ratio
Configure how big you want the donut hole size to be.
Title inside donut (*)
An optional title that gets displayed inside the donut hole.
Use row colors
Select whether the assigned row colors are supposed to be used instead of standard colors.
Display legend
When checked, the pie chart legend is displayed.
Show labels
Show or hide the category labels
Label type
Select what is shown as the pie charts labels from the list of possible values.
Label Threshold
Configure the minimum slice size for labels to show up
Display fullscreen button
Check to display a button which switches the view into fullscreen mode. The button is only available in the KNIME WebPortal.
Image
Settings for image generation.
Show warnings in view
If checked, warning messages will be displayed in the view when they occur.

Control Options

Enable view controls
Check to enable controls in the chart.
Enable title editing
Check to enable the editing of the title within the view.
Enable subtitle editing
Check to enable the editing of the subtitle within the view.
Enable pie / donut toggle
Check to enable the editing of the chart type.
Enable donut hole editing
Check to enable the editing of the donut hole ratio within the view.
Enable title inside donut editing
Check to enable the editing of the title shown in the donut hole within the view.
Enable Frequency Column Chooser
Check to enable the interactive selection of a frequency column.
Enable label editing
Check to enable the editing of the chart labels within the view.
Enable switching 'Missing values' category
Check to enable to show and hide 'Missing values' category in the view.

Interactivity

The JavaScript pie / donut chart view allows for several ways of interactivity. Please use the options below to configure which features will be activated on the view and further configuration of interactive properties.

Enable selection
If checked a separate column containing checkboxes is rendered in the view.
Subscribe to selection events
If checked, the view reacts on notifications from other interactive views that the selection has been changed. See also "Publish selection events".
Publish selection events
If checked, notifies other interactive views when user changes the selection in the current view. See also "Subscribe to selection events".
Display clear selection button
Displays a button to clear current selection.

Input Ports

Icon
Data table containing the categories and values to be plotted in a pie chart.

Output Ports

Icon
SVG image of the pie chart.

Views

Interactive View: Grouped Pie Chart
An NVD3.js implementation of a pie chart.

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.