LogoLogo
  • CHARTS USER GUIDE
    • Introduction
    • Angular Gauge Chart
    • Bar/Column Chart
    • Bubble Chart
    • Bullet Chart
    • Calendar Heatmap Chart
    • Column Range Chart
    • Combination Chart
    • Dumbbell Chart
    • Filter Chart
    • Funnel Chart
    • Grid Chart
    • Table heatmap
    • Histogram Chart
    • KPI Animation Chart
    • KPI Ring Chart
    • Line/Area line Chart
    • Mekko Chart
    • Packed Bubble Chart
    • Pie Chart
    • Polar Charts
    • Sankey Chart
    • Simple KPI Chart
    • Slope Chart
    • Sparkline Chart
    • Stacked Column/Bar
    • Text Node
    • Tornado Chart
    • Trellis Chart
    • Variwide Chart
    • Waffle Chart
    • Waterfall Chart
    • Wordcloud Chart
    • Workstation
    • Allow/Block URLs
    • Animation Duration
    • Attribute Forms
    • Auto Scroll
    • Axes
    • Background Images
    • Backward Compatibility
    • Bar/Column Width
    • Color Picker with Opacity
    • Connect Null Points
    • Custom Markers
    • Custom SVG Markers
    • Data Markers
    • Data label customization
    • Dossiers/Documents differences
    • Drilling
    • Error Bars
    • Export to PDF
      • Export engine local resource set up
    • Formatting metric data
    • Gradient Threshold
    • Legend
    • Negative Sign
    • Pattern Fill
    • Play Animation
    • Plot lines/Reference lines
    • Reset color property
    • Reset font properties
    • Right Click Menu
    • Right-to-left Support
    • Series using Attribute
    • Small Multiples
    • Smooth Line
    • Tooltip Customization
    • Tooltip Links
  • GRID/MICROCHART GUIDE
    • Appearance
    • Auto Size
    • Column Totals
    • Context Menu
    • Creating a micro chart
    • Custom markers
    • Custom Editor
    • Filter Data
    • Format/Clear Format
    • Grand Total
    • Pivoting and Row Grouping
    • Horizontal Bars/Pins
    • Embed Images
    • Manage Scaling Grouping
    • Manage Column Grouping
    • Manage Metric Grouping
    • Pin Column
    • Reorder columns
    • Reset Columns
    • Show/Hide Column
    • Sorting
    • Subtotals
    • Thresholds
    • Tooltip
    • Transparency
    • Trend Lines
    • Value Aggregation
    • Variance
  • MAPS USER GUIDE
    • Creating New Maps
    • Custom Layouts
    • Customization of the Map chart
    • Default Maps
    • Formatting Options
    • Generic Merge tool
    • US map using counties data
    • US Map using ZIP Codes
  • IBCS USER GUIDE
    • IBCS
      • Why IBCS
      • Mapping IBCS Scenarios
      • Negative Metrics
      • Scaling Multiple Charts
    • CERTIFIED CHARTS
      • Multi-tier Bar chart
      • Multi-tier Column chart
      • Small Multiples
      • Vertical Waterfall
  • CUSTOMIZATION GUIDE
    • Introduction
    • Custom CSS
    • Custom CSS Samples
    • Custom Color Palette
    • Custom Fonts
    • Condensed Metric Format
    • Disable Edit button
    • Grid Custom CSS
    • Localization
  • FAQ
    • Contact Us
    • FAQS
  • INSTALL DOCS
    • Installing on MicroStrategy Web
    • Installing on MicroStrategy Desktop/Workstation
    • Installing on MicroStrategy Library
    • Installing on MicroStrategy Mobile
    • Release Notes
    • Release Notes Maps
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:
  • Note:

Was this helpful?

  1. CUSTOMIZATION GUIDE

Custom Color Palette

PreviousCustom CSS SamplesNextCustom Fonts

Last updated 4 months ago

Was this helpful?

These features are supported in the release 4.2 (or newer)

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,

Tomcat 8.0\webapps\MicroStrategy\plugins\VitaraCharts\custom

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,

  • Vitara {Misconfigured}
  • 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 dossier/document 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.