This property lets you align the Legend Position horizontally.
| Options | horizontalAlign | verticalAlign |
|---|---|---|
| 1 | “left” | “top” |
| 2 | “left” | “center” |
| 3 | “left” | “bottom” |
| 4 | “center” | “top” |
| 5 | “center” | “center” |
| 6 | “center” | “bottom” |
| 7 | “right” | “top” |
| 8 | “right” | “center” |
| 9 | “right” | “bottom” |
var chart = new CanvasJS.Chart("container",
{
.
.
legend :{
horizontalAlign: "right",
},
.
.
});
chart.render();
Also See:
Comments 3
Server Side Technologies |
Front End Technologies |
Contact |
|
|---|---|---|---|
| ASP.NET MVC Charts | JavaScript Charts | FAQs | |
| PHP Charts | jQuery Charts | Sales Enquiries | |
| Spring MVC Charts | React Charts | Support Forum | |
| JSP Charts | Angular Charts | Careers | |
| JavaScript StockCharts | |||
Privacy Policy © fenopix
It is possible – “showInLegend” and “legendText” (like: Number) will be same alignment? Then blue cirlce in “legend” is down form the “legend” text…..
how to place n number of legends in single page using canvasjs(like pagination)
ShivaKrishna,
As of now this feature is not available. As a workaround you can use custom HTML div to show as the way you want. Here is an example with custom Legends in a scrollable div.