When I enable zoom icons, bars on left & right cut out.
xaxis:{tickPlacement: 'on'}
Note : This problem is not seen when I have 3 or 4 bars in each group. This one has 6 bars in each group.
Multiple bar - zoom disabled - graph looks right
Multiple bar - zoom enabled - graph cuts out on left & right
Is there any solution?
Thanks,
Sandeep
Please click here to see the answer.
Thanks,
Sandeep
Related
Apex Charts whereby it cannot pan in the y-axis. The user can zoom in with both axes, but they can then only pan horizontally.
I just want to make sure if we can pan vertically in the ApexCharts. Thank you!
No. It seems that you cannot pan vertically with ApexCharts.
I found this "old" thread (2019) where the library author confirms that this feature is not supported: Vertical panning · Issue #978 · apexcharts/apexcharts.js · GitHub
We can only enable or disable panning in the toolbar with a boolean (see toolbar – ApexCharts.js). We have chart.zoom options (see zoom – ApexCharts.js), but there is no chart.pan.
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.
My labels are aligning to the left side of my bars. I'm wanting them centered but I can't figure out how to make it happen. I checked the docs but I couldn't find the answer. Anyone know how to center them?
Inside the rectangle I placed slicers.
Clicking on the uncovered part of the rectangle moves it in front of the visualizations making them unavailable to interact with, or hidden.
I "Send to back" rectangle but it didnt help.
The visuals are on a picture below:
But if I just hoover mouse on a rectangle area - it covers all visuals:
Any solution to just always keep re
Yeah, that's pretty annoying. I'd suggest voting for this idea and maybe Microsoft will fix this eventually.
Currently, the only workaround I can think of would be to make the colored rectangle part of the page background as an image.
I am using Line chart in my app. I need the mouse scroll should be like we have for google maps(scroll up - zoom in & scroll down - zoom out). The default behavior of google charts of quite opposite. How to change the default behavior? Can anyone help me?
In google charts, we don't have that customization.