VitaraCharts for ThoughtSpot
  • CHART USER GUIDE
    • Angular Gauge Chart
    • Bar/Column Chart
    • Combination Chart
    • Dumbbell Chart
    • Funnel Chart
    • Grid Chart
    • KPI Animation Chart
    • Line/Area line Chart
    • Pie Chart
    • Polar Charts
    • Slope Chart
    • Sparkline Chart
    • Stacked Column/Bar
    • Tornado Chart
    • Variwide Chart
    • Waffle Chart
    • Add as Filter
    • Allow/Block URLs
    • Auto Scroll
    • Axes
    • Background Images
    • Bar/Column Width
    • Color Picker with Opacity
    • Connect Null Points
    • Custom Markers
    • Data Markers
    • Data label customization
    • Download Answers
    • Error Bars
    • Export to PDF.
    • Formatting metric data
    • Gradient Threshold
    • Gradient Color
    • Legend
    • Negative Sign
    • Pattern Fill
    • Play Animation
    • Plot lines/Reference lines
    • Reset color property
    • Reset font properties
    • Right Click Menu
    • Series using Attribute
    • Small Multiples
    • Smooth Line
    • Tooltip Customization
    • Tooltip Links
  • GRID CHART GUIDE
    • Appearance
    • Auto Size
    • Column Totals
    • Custom markers
    • Custom Editor
    • Filter Data
    • Format/Clear Format
    • Grand Total
    • Pivoting and Row Grouping
    • Horizontal Bars/Pins
    • Manage Scaling Grouping
    • Manage Column Grouping
    • Manage Metric Grouping
    • Pin Column
    • Reset Columns
    • Show/Hide Column
    • Sorting
    • Subtotals
    • Thresholds
    • Tooltip
    • Trend Lines
    • Value Aggregation
  • CUSTOMIZATION GUIDE
    • Custom CSS
    • Custom CSS Samples
    • Custom Color Palette
    • Custom Fonts
    • Condensed Metric Format
    • Grid Custom CSS
  • INSTALL DOCS
    • Production Deployment
    • Trial Deployment
  • FAQ
    • Contact Us
    • FAQS
      • How we can do export to PDF
      • How can we define a custom color palette?
      • How can we define and use a new font?
      • How can customers reach Vitara technical support team?
      • How can I find the version of Vitaracharts installed?
      • Where can I find the chart state information?
Powered by GitBook
On this page
  • Legend
  • 1. Click to hide
  • 2. Hover to highlight
  • Formatting capabilities
  1. CHART USER GUIDE

Legend

PreviousGradient ColorNextNegative Sign

Last updated 6 months ago

Legend

The user can interact with legend elements in VitaraCharts to show, hide, or highlight specific category data inside the chart. Except for the ‘Packed bubble’, ‘Waffle’, ‘Calendar heatmap’, and ‘Mekko’ charts, all vitara charts with legend enable this interactive feature. VitaraCharts may allow two types of interactions.

1. Click to hide

If the chart has three legend items that reflect three separate data categories, and you need to hide/exclude specific categories from the chart, simply click on that legend element. The screenshot below, for example, illustrates a bar chart with three metrics: profit, cost, and revenue. These three metrics are shown by three different colours on the graph.

We will now hide the metrics ‘revenue’ and ‘profit’ from the chart in order to analyze the data exclusively for ‘cost’. To do so, select the legend elements ‘revenue’ and ‘profit’. Take a look at the image below:

Once the data has been hidden, the hidden legend category names will be deactivated with grey text. If we need to see the data for’revenue’ and ‘profit’ again, simply click on the corresponding legend parts again.

2. Hover to highlight

When you hover your cursor over one of the legend categories, the data for that category is highlighted, and all other legend categories on the chart are presented with less opacity. For example, when we hover over the profit legend category, the colour bars for’revenue’ and ‘cost’ become less opaque. Take a look at the image below:

Formatting capabilities

We’ve implemented a new feature that lets you format text for legends . Compact Fit, Max Width, and Trim are the new options added to the legends tab.

1.Compact Fit: This setting minimises the padding between symbols and legend text as well as the space between each legend. It is enabled by default.

2.Max width: will be used to adjust the legend width…if the text is too long, it will wrap to the next line.

3.Trim - when combined with the Max-width option, the overflowing text is trimmed into ellipsis (“…”).