Interface for a class BulletChartLegendSettings
Legend in chart can be aligned as follows:
string
The background color of the bullet chart legend that accepts value in hex and rgba as a valid CSS color string.
Options to customize the border of the bullet chart legend.
Specifies the location of the legend, relative to the bullet chart.
If x is 20, legend moves by 20 pixels to the right of the bullet chart. It requires the position
to be Custom
.
<div id='BulletChart'></div>
let chart: BulletChart = new BulletChart({
...
legendSettings: {
visible: true,
},
...
});
chart.appendTo('#BulletChart');
Options to customize left, right, top and bottom margins of the bullet chart.
number
Opacity of the bullet chart legend.
number
Option to customize the padding between legend items.
Position of the legend in the bullet chart are,
number
Shape height of the bullet chart legend in pixels.
number
Padding between the bullet chart legend shape and text.
number
Shape width of the bullet chart legend in pixels.
number
TabIndex value for the bullet chart legend.
Options to customize the bullet chart legend text.
boolean
If set to true, legend will be visible.