Setting labelAutoFit to true automatically wraps and/or rotates and/or reduces font size of label when they are too long and overlaps, finds the best-fit and automatically manages label overlapping
var chart = new CanvasJS.Chart("container",
{
.
.
axisX:{
labelAutoFit: true // change to false
},
.
});
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
How can i align multiple label values to left in axisX if label lenght is diferent in each one
window.onload = function () {
var chart = new CanvasJS.Chart(“chartContainer”, {
title: {
text: “Automatic wrapping of labels”
},
axisX: {
labelAutoFit: true, //false by default.
interval:1
},
data: [
{
type: “bar”,
dataPoints: [
{ x: 0, y: 71 , label: “asdasdasd asda ad asd asd asd asd asd asd”},
{ x: 1, y: 55, label: “asd asd asd asd asda sda sd asd ” },
{ x: 2, y: 50, label: “asda sda dasddasda ” },
{ x: 3, y: 65, label: ” asd asda asda sdasdasdasdasd asda s” },
{ x: 4, y: 95, label: “asd asdasdas” },
{ x: 5, y: 68, label: “asd asd asddd a asdasdasd ” }
]
}
]
});
chart.render();
}
Pingback: CanvasJS Charts 1.8.1 Beta 1 Released - CanvasJS
Pingback: CanvasJS Chart 1.8.1 goes GA - CanvasJS