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
Related
I am new to Vue and ApexCharts and trying to learn. I am trying to plot a bar chart where the bar does not cover the data label. I know this can be controlled by the "offsetX" value in chart option (as documented here: https://apexcharts.com/docs/datalabels/). However, it did not fix it. I'm assuming because of the big difference between numbers, the bar had to behave that way.
Any help, please?
Thanks.
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?
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
According to our needs, we need to show the x-axis information at the top and bottom of the chart, how to show more x-axes? THX
Several of the Core Plot example apps show how to add multiple axes in a graph. See, for example, the "Axis Demo" in the Plot Gallery app. Position one x-axis at the top and the other at the bottom using the axisConstraints or orthogonalCoordinateDecimal.
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