Search results

PivotChartSettingsLegendSettingsModel API in Vue Pivot Table API component

Interface for a class PivotChartSettingsLegendSettings

Properties

alignment

Alignment

Allows to set the legend in chart can be aligned as follows:

  • Near: Aligns the legend to the left of the chart.
  • Center: Aligns the legend to the center of the chart.
  • Far: Aligns the legend to the right of the chart.

background

string

Allows to set the background color of the legend that accepts value in hex and rgba as a valid CSS color string.

border

PivotChartBorderModel

Allows options to customize the border of the legend.

description

string

Allows to set the description for legends.

height

string

Allows to set the height of the legend in pixels.

location

PivotChartLocationModel

Allows to set the location of the legend, relative to the chart. If x is 20, legend moves by 20 pixels to the right of the chart. It requires the position to be Custom.

<div id='Chart'></div>
let chart: Chart = new Chart({
...
  legendSettings: {
    visible: true,
    position: 'Custom',
    location: { x: 100, y: 150 },
  },
...
});
chart.appendTo('#Chart');

margin

PivotChartMarginModel

Allows options to customize left, right, top and bottom margins of the chart.

opacity

number

Allows to set the opacity of the legend.

padding

number

Allows option to customize the padding between legend items.

position

LegendPosition

Allows to set the position of the legend in the chart are,

  • Auto: Places the legend based on area type.
  • Top: Displays the legend at the top of the chart.
  • Left: Displays the legend at the left of the chart.
  • Bottom: Displays the legend at the bottom of the chart.
  • Right: Displays the legend at the right of the chart.
  • Custom: Displays the legend based on the given x and y values.

shapeHeight

number

Allows to set the shape height of the legend in pixels.

shapePadding

number

Allows to set the padding between the legend shape and text.

shapeWidth

number

Allows to set the shape width of the legend in pixels.

tabIndex

number

Allows to set the tabindex value for the legend.

textStyle

PivotChartFontModel

Allows options to customize the legend text.

toggleVisibility

boolean

If set to true, series’ visibility collapses based on the legend visibility.

visible

boolean

If set to true, legend will be visible.

width

string

Allows to set the width of the legend in pixels.