jqDataVisualization for jQuery Documentation

Chart.ChartPaletteColors


Defines chart palette colors.

Sample configuration:

var paletteColorsConig = {
     type: 'customColors',
     customColors: ['#A0522D', '#D2691E', '#8B0000', '#CD853F']
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Custom Colors' },
          legend: { location: 'bottom' },
          paletteColors: {
              type: 'customColors',
              customColors: ['#A0522D', '#D2691E', '#8B0000', '#CD853F']
          }, 
          axes: [
              {
                  type: 'category',
                  location: 'bottom',
                  categories: ['A', 'B', 'C', 'D']
              }
          ],
          series: [
              {
                  type: 'column',
                  title: 'Series 1',
                  data: [62, 70, 68, 58]
              },
              {
                  type: 'column',
                  title: 'Series 2',
                  data: [56, 50, 62, 65]
              },
              {
                  type: 'column',
                  title: 'Series 3',
                  data: [60, 55, 42, 68]
              },
              {
                  type: 'column',
                  title: 'Series 4',
                  data: [68, 30, 56, 40]
              }
          ]
      }
  }
Defined By

Config options

Chart.ChartPaletteColors
: String[]

Specifies an array of colors - ['red', 'green', ...]

Specifies an array of colors - ['red', 'green', ...]

Chart.ChartPaletteColors
: String
Specifies the pallete type - 'default', 'grayscale' or 'customColors'. ...

Specifies the pallete type - 'default', 'grayscale' or 'customColors'.

Defaults to: 'default'