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
Related
I want to stop resizing the graph axis (x,y), if any filter on the data is used in tableau. Can anyone helpe with this?
Double click on the axis to edit its characteristics (or right click on it and choose edit axis)
By default, the axis upper and lower bounds are set automatically based on the range of data that appears. If you wish to fix one or both ends to a constant value, just change that setting in the axis editing dialog.
You’ll see a push-pin icon on the axis to remind you that the axis bounds are pinned. That reminder is useful because if there is data that is beyond the bounds of the axis, it will be clipped and not shown.
BTW, this is the exactly the same thing that happens when you zoom in on a map or chart, you’re pinning the axes to display only part of the region.
Original screen,
Hi I am able to stretch the chart and increase the width but as soon as I hit button to shrink the width to original state; the chart is not resized .Its still using the expanded dimension
Above are screenshots of overlapping charts.
Anyone please help.
I'm trying to make a slider for a simple scale where the user can see mouse movement ONLY in the horizontal axis (fixed y location on the horizontal scale).
In more detail: When the scale appears, I want the cursor to appear as a short vertical line (aka slider) in the center of the horizontal scale.
When the user moves the mouse, the slider should move accordingly on the horizontal axis (without reflecting any changes in the vertical axis, i.e. it should stay on the scale)
I'm stuck on both changing the appearance of the cursor to a vertical line slider and on limiting the cursor's movement to the horizontal axis.
Here's what I've tried:
I can successfully place the cursor with SetMouse.
I tried ShowCursor to change the appearance of the cursor, but this only has a few named options and the numbered ones are not portable across OSs ("mapping of numbers to shapes is operating system dependent"), which I need. Any other ideas on how to change the cursor to a vertical line slider?
As for limiting the movement to horizontal, I couldn't find any PTB functions that seem to do this. I did find some workarounds in Matlab to make user GUIs, but it seems these can't be used with PTB's screen. Any ideas would be great!
I'm a still very new to PTB so thank you so much for your help!
I wrote a function for exactly that called slideScale. If you want to see how it works see the test script.
The crucial thing for you is to create a loop, which runs until a click has been made and record the position of the cursor for instance with the function GetMouse(), which gives you the x- and y-coordinates of the cursor. Then, the only thing you basically need is to update the position of your vertical line using the x-coordinate you recorded with GetMouse() without changing the y-coordinates, for which you can just use a fixed value.
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