Set maximum width for type column in series Groups

[codemakerParticipant]

Hi,
I have a small problem. I want to display up to ten different bars in a grid. The problem is that I do not know the number of bars. It could be in the range from one to ten. And the width of the grid should be every time the same. But if I display only one bar (means type= column) it is displayed very wide and looks very ugly. Is there a property to set a maximum width for a bar/column?

Best Regards,
Codemaker 😉

[DimitarParticipant]

Hello Codemaker,

Unfortunately, there is no way to set a fixed width to the columns in jqxChart. The width is dependant on the width of the div you create the chart from.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[arthipesaParticipant]

Dear Dimitar,

Has this reach any update? it seems not depended to the width of div containers but something else, since I was accidentally have two version of nice column and the other is ugly, with the same settings, in which I cannot undo it to preferable column bar width.

[DimitarParticipant]

Hello arthipesa,

The width of the columns can be controlled with the columnsGapPercent property (ranging from 0 to 100).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Peter StoevKeymaster]

Hi arthipesa,

In addition, you may try the columnsMaxWidth and columnsMinWidth properties of the series group. You can achieve the fix width effect by setting the min/max to the same number.
Overall there are 4 properties controling the width of the columns, the spacing between series and spacing between column(s) indexes (series data points). Here’s an example of a series group settings:

                    {
                            type: 'column',
                            seriesGapPercent: 10,
                            columnsGapPercent: 100,
                            columnsMinWidth: 15,
                            columnsMaxWidth: 15,
                            valueAxis:
                            {
                                description: 'GDP & Debt per Capita'
                            },
                            series: [
                                    { dataField: 'GDP', displayText: 'GDP per Capita' },
                                    { dataField: 'Debt', displayText: 'Debt per Capita' }
                                ]
                        }

We’ll also update the width calculations for the next Chart update.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[MastanRaoParticipant]

Hi team,
we have an issues with charts , when we set columnsMinWidth charts series overlapping, can you please explain how can we give spacing between chart series, please check below link for more details

http://jsfiddle.net/zZUTA/504/

thanks & Regards,
Mastan Rao

[MastanRaoParticipant]

Hi team,
I have a Issue , when we set columnsMinWidth charts series overlapping, can you please explain how can we fix this issue, please check below link for more details.

http://jsfiddle.net/zZUTA/504/
thanks & Regards,
Mastan Rao

[Author]

Posts