Skip to main content
Qvista supports a wide range of chart types so you can match every visualization to the story your data tells. Each chart type ships with a deep set of customization controls — colors, annotations, axes, legends, tooltips, and conditional formatting — that you can configure without writing a single line of code. Use the sections below to find the right chart for your analysis, then explore the customization and interactivity options that apply across all chart types.

​
Comparison charts

Use comparison charts when your goal is to measure quantities side by side across discrete categories or track how a value changes over time.
Best for: Comparing quantities across categories — for example, sales by region, headcount by department, or product revenue by SKU.Key properties:
  • Horizontal or vertical orientation
  • Grouped or stacked mode for multi-series comparisons
  • Configurable bar width, spacing, and corner radius
  • Data labels displayed inside or above each bar
  • Axis scale (linear or logarithmic) and custom min/max range
Best for: Showcasing trends and changes over a continuous dimension, most commonly time — for example, weekly active users, monthly recurring revenue, or daily temperature readings.Key properties:
  • Single or multi-series lines on shared or dual axes
  • Smooth curve or straight-segment interpolation
  • Configurable line weight, dash style, and point markers
  • Shaded confidence bands or reference lines at threshold values
  • Zoom and pan on the time axis for large date ranges
Best for: Highlighting the magnitude of change over time with a filled region under the line — useful for visualizing volume, cumulative totals, or part-to-whole breakdowns across a period.Key properties:
  • Stacked or overlapping fill modes
  • Adjustable fill opacity for multi-series readability
  • Gradient fills from a base color to transparent
  • Shared or independent Y-axis scales per series

​
Part-to-whole charts

Use part-to-whole charts to show how individual segments contribute to a total.
Best for: Displaying proportions and distributions when you have a small number of categories — for example, market share by competitor, budget allocation by department, or survey response breakdown.Key properties:
  • Configurable slice explode distance for emphasis
  • Percentage labels, raw value labels, or both
  • Legend positioning (right, bottom, or floating)
  • Minimum slice threshold to group small values into an “Other” segment
Best for: The same use cases as a pie chart, with the added benefit of a center label that can display a total, a KPI value, or a custom metric — making it well suited for summary cards on dashboards.Key properties:
  • Adjustable inner radius (hole size)
  • Center label with configurable text, font, and color
  • All pie chart properties apply

​
Relationship and distribution charts

Use these charts to explore correlations, distributions, and multi-dimensional relationships in your data.
Best for: Illustrating correlations or relationships between two continuous variables — for example, advertising spend versus revenue, or customer age versus order value.Key properties:
  • X and Y axis field binding with custom units and scale
  • Color-coded point series to distinguish groups
  • Configurable point size, shape, and opacity
  • Optional trend line (linear, polynomial, or exponential regression)
  • Tooltip showing all bound field values on hover
Best for: Showing data with three variables simultaneously — the X axis, Y axis, and bubble size each represent a different measure. Useful for comparing products, markets, or segments on multiple dimensions at once.Key properties:
  • Bubble size field binding with configurable min/max radius
  • Color series for a fourth categorical dimension
  • Collision avoidance to prevent overlapping labels
  • All scatter plot properties apply

​
Pattern and density charts

Best for: Visualizing data density, frequency, or intensity across a two-dimensional grid — for example, website traffic by hour and day of week, or sales volume by product and region.Key properties:
  • Color scale selection (sequential, diverging, or custom gradient)
  • Configurable cell padding and border
  • Value labels inside cells (optional)
  • Null value handling (empty cell or distinct fill color)

​
Financial and sequential charts

Best for: Illustrating how an initial value increases and decreases through a sequence of intermediate steps to arrive at a final total — ideal for financial analysis such as profit-and-loss breakdowns, budget variance reports, or cash-flow statements.Key properties:
  • Automatic color coding for positive, negative, and subtotal bars
  • Running total connectors between bars
  • Configurable base value and subtotal positions
  • Data labels with formatted currency or percentage values

​
Customization options

All chart types in Qvista share a consistent set of property controls. You access them through the chart’s Properties panel on the right side of the editor.

​
Colors and themes

Apply a workspace-level brand theme to keep all charts visually consistent, or override colors at the individual chart level. For multi-series charts, assign a custom color to each series. Use gradient fills on area and bar charts to add depth to your visualizations.

​
Labels and annotations

Add data labels directly on chart elements to make values readable without requiring a hover interaction. Place text annotations on specific data points or axis positions to flag events, targets, or anomalies — for example, marking a campaign launch date on a line chart.

​
Axes and gridlines

Configure each axis independently:
  • Set a custom scale range, tick interval, and number format
  • Choose linear or logarithmic scale
  • Add a secondary Y axis for dual-metric charts
  • Show, hide, or style horizontal and vertical gridlines for readability

​
Legends

Position legends above, below, left, or right of the chart area, or float them inside the canvas. Configure legend item labels, font size, and icon shape. Hide the legend entirely for single-series charts where it adds no value.

​
Tooltips

Customize the tooltip that appears when a user hovers over a chart element. Include additional fields from your DataTable beyond the plotted axes, format numeric values with units or decimal places, and style the tooltip background and font to match your theme.

​
Conditional formatting

Qvista supports conditional formatting to dynamically adjust chart colors based on your data values at render time. Use it to draw immediate attention to trends, anomalies, or threshold breaches without requiring the viewer to interpret raw numbers. Common applications:
  • Color bar segments red when a value falls below a KPI target and green when it exceeds it
  • Apply a diverging color scale on a heatmap where values above zero are blue and values below zero are red
  • Highlight a specific line series with a bold color when it crosses a defined threshold
Configure conditional formatting rules in the Conditional Colors section of the Properties panel. Each rule specifies a field, an operator (greater than, less than, equal to, between), a threshold value, and the color to apply when the condition is met. Multiple rules are evaluated in order, so you can layer several conditions on the same chart element.

​
Drill-down capabilities

Enable drill-down on any chart to let viewers navigate from a high-level summary into underlying detail without leaving the dashboard.
1

Define your drill-down path

In the chart’s Properties panel, open Drill-Down and add the hierarchy levels in order — for example: Year → Quarter → Month → Week.
2

Bind each level to a field

Map each level to the corresponding field in your DataTable. Qvista automatically filters the data at each step based on the element the user clicked.
3

Configure the back-navigation control

Choose whether to show a breadcrumb trail, a back button, or both so that viewers can move back up the hierarchy after drilling down.
4

Preview the drill-down flow

Use the Preview mode in the editor to click through all levels and confirm the data filters correctly at each step before publishing.
Drill-down paths work in both embedded dashboards and dashboards shared via shareable links. Recipients do not need a Qvista account to use drill-down interactivity.

​
Real-time filtering

Apply filters directly on any chart to isolate specific data segments without reloading the page or modifying the underlying DataTable.
  • On-chart filters: Click a legend item to show or hide that series. Click a bar, slice, or cell to filter all other charts on the same dashboard to that value.
  • Filter panel controls: Add a dedicated filter panel with dropdown lists, multi-select checkboxes, date-range pickers, and search fields so viewers can build complex filter combinations themselves.
  • Cross-chart interaction: Configure a chart as a filter source so that selecting an element in it automatically updates every other chart on the dashboard that shares the same DataTable.
Combine conditional formatting with real-time filters to build dashboards where the color coding and filtered scope both update simultaneously as viewers explore the data.