IVisualizationPanelOptions

Obsolete. Use the IDashboardOptions configuration object and the Dashboard class instead.

Inherited from the following class(es):

ISelectBaseVisualizerOptions
Properties
allowChangeAnswersOrder allowChangeVisualizerType allowDragDrop allowDynamicLayout allowHideEmptyAnswers allowHideQuestions allowSelection allowShowMissingAnswers allowShowPercentages allowSortAnswers allowTopNAnswers allowTransposeData answersOrder hideEmptyAnswers labelTruncateLength layoutEngine legendPosition percentagePrecision showOnlyPercentages showPercentages showToolbar stripHtmlFromTitles survey
Methods
Events
allowChangeAnswersOrder property

Obsolete. Use the allowSortAnswers property instead.

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
allowChangeVisualizerType property

Enables switching between different visualizer types.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
allowDragDrop property

Enables drag-and-drop reordering of dashboard items. Applies only if allowDynamicLayout is true.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
See also:
layoutEngine
allowDynamicLayout property

Enables automatic layout based on available screen space and allows users to reorder items via drag and drop.

If disabled, items are rendered sequentially (one below another), and drag-and-drop reordering is disabled. To disable only drag-and-drop while keeping dynamic layout, set allowDragDrop to false.

Default value: true

How to Disable the Layout Engine

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
See also:
layoutEngine
allowHideEmptyAnswers property

Enables hiding answers with zero responses in bar charts, histograms, and statistics tables. Adds a Hide Empty Answers button to each supported visualizer.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
allowHideQuestions property

Enables users to hide individual dashboard items. Adds a Hide button to each item.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
allowSelection property

Enables cross-filtering between dashboard items. When enabled, selecting a data point filters other dashboard items accordingly.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
allowShowMissingAnswers property

Enables displaying the number of respondents who skipped a question. Adds a Show Missing Answers button to each chart.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
allowShowPercentages property

Allows users to toggle between absolute values and percentages in bar charts. Adds a Show Percentages button to each bar chart.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
See also:
showPercentages * , showOnlyPercentages * , percentagePrecision
allowSortAnswers property

Enables sorting answers by response count in bar charts, histograms, and statistics tables. Adds a Sorting dropdown to each supported dashboard item.

Default value: true

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
See also:
answersOrder
allowTopNAnswers property

Enables selection of top 5, 10, or 20 answers by response count. Adds a Top N Answers dropdown to each chart.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
allowTransposeData property

Enables transposing data for matrix question visualizations.

Adds a Transpose button to supported charts.

  • Per Values – Matrix rows become chart arguments, columns become series.
  • Per Columns – Matrix rows become series, columns become arguments.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
answersOrder property

Specifies the answer sorting order in bar charts, histograms, and statistics tables.

Accepted values:

  • "default" (default) – Preserve original order.
  • "asc" – Sort by ascending response count.
  • "desc" – Sort by descending response count.

Users can modify this setting in the UI if allowSortAnswers is enabled.

Type:
"default" | "asc" | "desc" readonly
Implemented in:
ISelectBaseVisualizerOptions
hideEmptyAnswers property

Hides answers with zero responses in bar charts, histograms, and statistics tables.

Default value: false

Users can modify this setting in the UI if allowHideEmptyAnswers is enabled.

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
labelTruncateLength property

Maximum label length before truncation starts. Set to -1 to disable truncation.

Default value: 27

Type:
number readonly
Implemented in:
IVisualizationPanelOptions
layoutEngine property

A layout engine implementation used to arrange dashboard items. Use this property to integrate a third-party layout engine.

Type:
LayoutEngine readonly
Implemented in:
IVisualizationPanelOptions
See also:
allowDynamicLayout
legendPosition property

Default chart legend position.

You can override this setting per dashboard item using the items array.

Type:
"left" | "right" | "top" | "bottom" readonly
Implemented in:
ISelectBaseVisualizerOptions
percentagePrecision property

Number of decimal places used when displaying percentages.

Default value: 2

Type:
number readonly
Implemented in:
ISelectBaseVisualizerOptions
See also:
allowShowPercentages * , showPercentages * , showOnlyPercentages
showOnlyPercentages property

Displays only percentages (without absolute values) in bar charts. Applies only if allowShowPercentages or showPercentages is enabled.

Default value: false

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
See also:
allowShowPercentages * , showPercentages * , percentagePrecision
showPercentages property

Displays percentages alongside absolute values in bar charts.

Default value: false

Users can modify this setting in the UI if allowShowPercentages is enabled.

Type:
boolean readonly
Implemented in:
ISelectBaseVisualizerOptions
See also:
showOnlyPercentages * , percentagePrecision
showToolbar property

Specifies whether to display the toolbar.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
stripHtmlFromTitles property

Removes HTML markup from survey element titles before rendering.

Since survey titles may contain user-defined HTML, keeping this property enabled helps prevent potential injection of malicious code.

Default value: true

Type:
boolean readonly
Implemented in:
IVisualizationPanelOptions
survey property

A survey instance used to apply survey localization settings to the Dashboard UI.

View Demo

Type:
SurveyModel readonly
Implemented in:
IVisualizationPanelOptions

Send feedback to the SurveyJS team

Need help? Visit our support page

Submit
Submit Submit
OK OK

Your cookie settings

We use cookies to make your browsing experience more convenient and personal. Some cookies are essential, while others help us analyse traffic. Your personal data and cookies may be used for ad personalization. By clicking “Accept All”, you consent to the use of all cookies as described in our Terms of Use and Privacy Statement. You can manage your preferences in “Cookie settings.”

Accept All
Cookie Settings

Your renewal subscription expires soon.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Renew
Later

Your renewal subscription has expired.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Renew
Later