I have a horizontal VEGA bar chart which is scrollable vertically, and I want the bottom axis to be fixed, so it can be seen anytime through scrolling. Is there a way to do this?
Related
See the images below. One is at 78% zoom but the whole content is zoomed out but not stretching to its parent control despite having Horizontal and Vertical Alignment set to "stretch".
ScrollViewer is in a GridColumn and GridRow and the Grid is being loaded into a Frame which is a part of the NavigationView on the mainpage.
Desired effect is for the content to get smaller but fit to the width and height to show more columns in this case.
See the images below. One is at 78% zoom but the whole content is zoomed out but not stretching to its parent control despite having Horizontal and Vertical Alignment set to "stretch".
This behavior of ScrollViewer is by-deign, derive from the screenshot the DataGrid is a whole place. When we zoom in or out, The DataGrid will zoom overall. For the requirement, you could edit the DataGrid's MaxColumnWidth property when zoom.
I'm currently using the ngx-charts library to display some data.
One UX problem I found is, due to the length of the y-axis ticks change(f.e 1000 and 100000), the chart will flick before the redraw.
I'm wondering if there is a way to set the width of the ticks?
I've tried to add space to the ticks ( ), but it will display as 1000on the chart.
Anyone knows how to solve it?
UPDATE:
Click on the change button to see the flickering on y-axis.
https://stackblitz.com/edit/ngx-charts-flickering-problem?embed=1&file=app/app.component.ts
Is there any way to reduce the bar width in a Column Chart?
Please guide me if this is possible.
Thanks
Niki
If you go to "Format" - Chart, then click on the Series tab, you can adjust the Gap width for Bar charts. Technically this adjusts the gap between the bars, but has the effect of adjusting the width of the bars as well.
Hope this works for you
I am very new to sencha touch. Working with sencha touch to develop bar charts. I am an issue regarding the bar width of the chart. As the number of bars get increased the bar width gets decreased. But the thing is it should not happen like that. The bar width must be fixed even if the bars get increased also. I will apply scroll bar to see the reamining bars plotted on the graph. Scroll bar is not issue. But how do I fix the bar width of the bar chart. Could anyone share the solution for this issue ASAP.
Thank in advance.
http://www.java2s.com/Open-Source/Ja...ies/Bar.js.htm
http://docs.sencha.com/touch-charts/1-0/source/Bar.html
http://docs.sencha.com/touch-charts/...art.series.Bar
To change the width of the bar, add the following to your series definition:
e.g.
series: [{
xField: 'comedy',
displayName: 'Comedy',
style: {color:0x6238A7, size:8}
}]
see if u can get anything from this
bar chart widht is depend on height of your chart's counteiner so you have to set height of counteiner by calculating with number of bar in your chart.
and set calucalted value to counteiner by using setHeight() method
I want to create a navigationbar like the one on the image
I know hot to make the 4 borders rounded but I need only the top borders to be rounded....
You could use an image with rounded corners at the top and square corners at the bottom.
Alternatively, check out this SO question.