Interface for a class LegendSettings
Sets and gets the alignment of the legend in the circular gauge.
string
Sets and gets the background color of the legend in circular gauge.
Sets and gets the options to customize the style properties of the border of the legend.
string
Sets and gets the height of the legend in the circular gauge.
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');
Sets and gets the options to customize the legend margin.
number
Sets and gets the opacity of the legend.
number
Sets and gets the options to customize the padding between legend items.
Sets and gets the position of the legend in the circular gauge.
Sets and gets the shape of the legend in circular gauge.
Sets and gets the options to customize the style properties of the border for the shape of the legend in the circular gauge.
number
Sets and gets the height of the legend shape in circular gauge.
number
Sets and gets the padding for the legend shape in circular gauge.
number
Sets and gets the width of the legend shape in circular gauge.
Sets and gets the options to customize the text of the legend item.
boolean
Enables and disables the visibility of the ranges. When the legend is clicked, the visibility of the legend will be toggled.
boolean
Enable and disables the visibility of the legend in circular gauge.
string
Sets and gets the width of the legend in the circular gauge.