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
  • Steps to create and deploy a custom color palette
  • Step 1:
  • Step 2:
  • Step 3:
  • Step 4:
  • Steps to set a custom palette as the default palette
  • Step 1:
  1. CUSTOMIZATION GUIDE

Custom Color Palette

PreviousCustom CSS SamplesNextCustom Fonts

Last updated 7 months ago

Users can create custom color palettes for Vitara charts. VitaraCharts comes with three custom color palettes by default: Corporate1, Corporate2 and Corporate3.

In any of the Vitara chart, go to - edit → appearance → color palette.You may see these three color palettes if you expand the color palette tab. We can change the colors in existing color palettes and create new ones.

Steps to create and deploy a custom color palette

Step 1:

Open the file named global.txt in the following path,

In this file, you can see the three properties called palette.Corporate1, palette.Corporate2 and palette.Corporate3. These are the sample custom palettes’ declarations. Please refer the below screenshot of the ‘global.txt’ file.

Step 2:

Create a palette. Color names, hex values, and RGB values are all valid color values. As an example,

palette.Vitara=red,green,blue,#12ffd4,rgb(123,215,168)

Step 3:

There is a palette.list property. This property contains all of the custom palettes (separated by commas) that must be reflected in the charts.

Add the name of the custom palette that you want to see in the chart’s list of color palettes.

As an example,

palette.list=Corporate1,Corporate2,Corporate3,Vitara

Step 4:

To see the color palette applied on the chart, For example to select the palette named Vitara,

Click

- Edit → Appearance → Color Palette → Vitara

Below is the screenshot of an existing custom palette Corporate1 in the chart.

Steps to set a custom palette as the default palette

Step 1:

There is a key in global.txt named palette.defaultPalette. So, you need to specify which custom palette defined in the global.txt should be the default palette for all the charts. For example,

palette.defaultPalette=Corporate3

Note:

  • Palette will be shown as Misconfigured in the list of color palettes, on failed to parse user-defined palette from global.txt. For example,

  • If the default palette set in the global.txt is misconfigured, the color palette is defaulted to the chart’s default palette.

  • Users can define any number of colors in a given palette.

  • After adding any new color, refresh the answers to reflect the new color in Vitara charts.

  • You can disable any of these custom color palettes, add # at the starting of the palette definition.

  • You have to clear your the browser’s cache to reflect this change into any of the Vitara charts.