Search results

LegendSettingsModel API in React Circular Gauge API component

Interface for a class LegendSettings

Properties

alignment

string

Sets and gets the alignment of the legend in the circular gauge.

background

string

Sets and gets the background color of the legend in circular gauge.

border

BorderModel

Sets and gets the options to customize the border settings of the legend.

height

string

Sets and gets the height of the legend in the circular gauge.

location

LocationModel

Sets and gets the location of the legend, relative to the circular gauge. If x is 20, legend moves by 20 pixels to the right of the gauge. It requires the position to be Custom.

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

margin

MarginModel

Sets and gets the options to customize the legend margin.

opacity

number

Sets and gets the opacity of the legend.

padding

number

Sets and gets the options to customize the padding between legend items.

position

string

Sets and gets the position of the legend in the circular gauge.

shape

string

Sets and gets the shape of the legend in circular gauge.

shapeBorder

BorderModel

Sets and gets the options to customize the border for the shape of the legend in the circular gauge.

shapeHeight

number

Sets and gets the height of the legend shape in circular gauge.

shapePadding

number

Sets and gets the padding for the legend shape in circular gauge.

shapeWidth

number

Sets and gets the width of the legend shape in circular gauge.

textStyle

FontModel

Sets and gets the options to customize the text of the legend.

toggleVisibility

boolean

Enables and disables the ranges visibility collapses based on the legend visibility.

visible

boolean

Enable and disables the visibility of the legend in circular gauge.

width

string

Sets and gets the width of the legend in the circular gauge.