I would like to move the y axis description to the top (because my lables are very long and I need to save some space).
left: original
right: what I would like to have:
I'm have a stacked bar chart with chartjs 2.8
Thank you.
Related
I came across this unusual problem. I try to create chart showing top 1 manager(Y axis) by rating (X axis) from each region, with Region added to legend for color differentiation. However, then bars are located on uneven distance from each other, some are closer, other are further from the next one. (picture 1)
Issue seems to go away if I add Region to Y axis above Manager's Name, but then Y axis shows region labels (picture 2), and not managers names. if it's added below or removed, bars go haywire again.
I had the same issue and think it's because PBI is trying to display all the categories from the Legend on the Y axis, which show up as "hidden" or blank bars in between your other bars and make it look like the spacing is random. I was able to fix this by switching from a Clustered Bar to a Stacked Bar chart. Couldn't figure out how to suppress those other legend categories from the Y axis in a Clustered Bar. Hope that helps.
I'm working on a Bar Pie Chart but my values are not lining up. For example, Red data is clearly larger then blue, but blue value is higher.
The data is correct, chart.js doesnt show the area as more, it uses the angle of the circle , which normally would also divede the area normally. And as you can see the angles are correct so to fix your issue you will have to write a custom controller that draws your chart. https://www.chartjs.org/docs/latest/developers/charts.html
I have created a Bar Chart using Google Charts. I am not able to get the X axis for the Bar Chart even though I am getting the axis labels. I tried using baseline but to no effect.
**I have added an image of what I exactly want.
**
Please refer to the image.
Could someone please let me know how I could enable X axis for Bar Chart.
I am also facing a similar issue with Y axis Column charts.
Regards,
Farhan
I am new to Chart.js and I want to hide the y axis and x axis line and label in my chart. I looked at the documentation and couldn't find a good option. Has anyone else encountered this problem and have a solution?
Using the showScale option would be better
var ctx = document.getElementById("LineWithLine").getContext("2d");
new Chart(ctx).Line(data, {
showScale: false
});
Fiddle - http://jsfiddle.net/wb3kcunt/
This hides gridlines too. If you want to hide only the axes and labels and not the grid lines, just set scaleFontColor and scaleLineColor to a transparent color.
I found that if you edit a library posted in this answer, you can achieve this
In chart.js, Is it possible to hide x-axis label/text of bar chart if accessing from mobile?
Using the Visualization API, I am drawing a very simple ColumnChart, with no legend.
I don't know why, but the chart is not centered in its container, as if the space for the legend on the right was kept, although the legend is not displayed.
But if I change the legend position to bottom, for example, that space is still present. So I am not sure if this is related to the legend.
Please check my JSFiddle. Notice the big padding on the right (around 55px).
Any way to fix this? Thanks in advance!
The chartArea is centered in the chart (the axis labels are not considered part of the chartArea, it is easier to see that it is centered if you turn them off: http://jsfiddle.net/xyqF7/9/), what you want to do is move it off-center, which you can do via the chartArea options:
chartArea: {
width: '80%',
left: '15%'
}
http://jsfiddle.net/xyqF7/8/