Interface for a class StockChartLegendSettings
Legend in stock chart can be aligned as follows:
string
The background color of the legend that accepts value in hex and rgba as a valid CSS color string in stock chart.
Options to customize the border of the legend.
Options to customize left, right, top and bottom padding for legend container of the stock chart.
string
Description for legends in stock chart.
boolean
If set to true, legend will be visible using pages in stock chart.
string
The height of the legend in pixels.
boolean
If set to true, legend will be Reversed in stock chart.
number
Option to customize the padding between legend items.
Specifies the location of the legend, relative to the Stock chart.
If x is 20, legend moves by 20 pixels to the right of the Stock chart. It requires the position
to be Custom
.
<div id='StockChart'></div>
let stockChart: StockChart = new StockChart({
...
legendSettings: {
visible: true,
position: 'Custom',
location: { x: 100, y: 150 },
},
...
});
stockChart.appendTo('#StockChart');
Options to customize left, right, top and bottom margins of the stock chart.
number
maximum width for the legend title in stock chart.
Mode of legend items.
number
Opacity of the legend in stock chart.
number
Option to customize the padding around the legend items.
Position of the legend in the Stock chart are,
number
Shape height of the legend in pixels.
number
Padding between the legend shape and text in stock chart.
number
Shape width of the legend in pixels.
number
TabIndex value for the legend in stock chart.
Options to customize the legend text.
string
Title for legends in stock chart.
legend title position in stock chart.
Options to customize the legend title in stock chart.
boolean
If set to true, series’ visibility collapses based on the legend visibility in stock chart.
boolean
If set to true, legend will be visible.
string
The width of the legend in pixels.