Sets the angle for Axis Labels.
var chart = new CanvasJS.Chart("container",
{
.
.
axisX:{
labelAngle: 50,
},
.
.
});
chart.render();
Also See:
Comments 12
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
Hi , i am very thankfull to you. it is very nice and unlimited editing .Once again i thankyou from the bottom of my heart. GoodLuck.
With longer labels and more columns, it skip labels, even when labelAngle is 90 and there is no possibility of overlaps.
Is there any way to display all labels (on x axis)?
Currently we are working on improving labels. Meanwhile you can override this behavior by setting interval property to one. Here, is an example.
you can use labelAutoFit : true, @amit
All the label options are nice, but it would be great if we had one to overlay the label on the column. I am mainly thinking of this feature for cases where the bars are running horizontally but it could be useful in some cases where the bars are running vertically too. Thanks for you work on Canvas.JS – it’s a great tool.
Jacob,
You can use indexLabel and indexLabelPlacement by setting it to “inside” do achieve this.
Thank you Vishwas. However I’m not sure this has the functionality I’m looking for, or maybe I have done something wrong. I am using a stacked bar chart. When I try this I am getting a numeric value for my label, instead of the actual label. So instead of seeing labels such as “milk”, “juice”, “water”, I’m seeing 0, 1, 2.
I’m not sure if this is the intended behavior? Seems like a label *index* instead of the actual label. If I switch the parameter from {x} to {y} then the data value is shown instead.
Disregard my previous comment, I missed the {label} keyword.
Is it possible to justify the placement of the index label? It is currently centered, I would like to left justify it if possible.
Jacob,
As of now this feature is not available. indexLabelPlacement can be set to inside/outside/auto. When its placed inside, it will be at the center to the dataPoint.
Why the display is the same when the labelAngle set to 90 and -90? Is it a bug?
This is a known issue and will be resolved in future versions.
Kyhude,
We have just released v1.8.5 Beta-2 with this bug fixed. Please refer to the release blog for more information.