Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
175
Thinkness of column or bar on chart
posted

Would like to be able to control the width or thickness of the column or bar for the given chart type.  Based on testing the only way to control is to set the width/height based on the number of series

For example take the example located http://www.igniteui.com/data-chart/bar-and-column-series

open in JS Fiddle and remove all but one series on the bar chart, the bar fills the space allocated to chart by making the series wider, we would like to be able to control the thickness of the bar no matter how many series are set.  Attempted to use the thickness attribute of series but does not seem to have an impact

Here is the results js:

$("#barChart").igDataChart({
                width: "98%",
                height: "550px",
                dataSource: lastFiveYears,
                title: "Energy Production Per Country",
                subtitle: "The top five Total Primary Energy producers",
                legend: { element: "barLegend" },
                axes: [{
                    name: "xAxis",
                    type: "numericX",
                    title: "Quadrillion Btu"
                }, {
                    name: "yAxis",
                    type: "categoryY",
                    label: "Year"
                }],
                series: [{
                    name: "series1",
                    title: "Canada",
                    type: "bar",
                    isHighlightingEnabled: true,
                    isTransitionInEnabled: true,
                    xAxis: "xAxis",
                    yAxis: "yAxis",
                    valueMemberPath: "Canada"
                }]
            });

Thanks,

Steve