Query Regarding Bar Chart

[Planoresearch]

Hi Steema Support,

We have a query regarding Bar chart of TeeChart Silverlight.

If we add bar chart with same X values then it stands side by side in Teechart. Once we set it stacked these bars get stacked on each other. Is there is any possible way for overlapping two Bars with each other.

For more information about query please see image bellow:

Query Bar Chart.png (34.07 KiB) Viewed 12630 times

We will appreciate your suggestions.

Thanks and Regards;
Plannoresearch

[Sandra]

Hello Planoresearch,

If you want achieve that bar overlapping you only need change the MultiperBar property default (side-to-side) to None as do in next line of code:

Code: Select all

bar1.MultiBar = Steema.TeeChart.Silverlight.Styles.MultiBars.None;

I hope will helps.

Thanks,

[Planoresearch]

Hi Sandra,

Thanks the reply and code provided. We will check it for our project & let you know the status.

Thanks,
Plannoresearch

[Planoresearch]

Hi Sandra,


We have checked above property & it is working fine at our end.

Now one more query regarding above image, I want to implement bevel effect on these bars as already displayed in image of first post.

We will appreciate your suggestions.

Thanks and Regards;
Plannoresearch

[Sandra]

Hello Planoresearch,

I suggest you try to use the Gradient of Bar series to achieve a similar aspect as Bubble series in the bar series. You can take a look in the TeeChart.Net Demo,concretely, All Features\Welcome !\Chart styles\Standard to get a sample how you do to change the gradient. It serve too, for Silverlight projects.

Thanks,

[Planoresearch]

Hi Sandra,
i look this demo, All Features\Welcome !\Chart styles\Standard but i am not sure how to add the Bevel effect in my application . so please provide me other help or code for this.

Thanks

Planoresearch

[Sandra]

Hello Planoresearch,

I think you can do something us next code:

Code: Select all

Steema.TeeChart.Silverlight.Styles.Bar bar1, bar2;
private void InitializeChart()
{
tChart1.Aspect.View3D = false; 
bar1 = new Steema.TeeChart.Silverlight.Styles.Bar(tChart1.Chart);
bar2 = new Steema.TeeChart.Silverlight.Styles.Bar(tChart1.Chart);
bar1.FillSampleValues(4);
bar2.FillSampleValues(4);
bar1.BarStyle = Steema.TeeChart.Silverlight.Styles.BarStyles.RectGradient;

bar2.MultiBar = Steema.TeeChart.Silverlight.Styles.MultiBars.None;
//Bar1
bar1.Gradient.Visible = true;
bar1.Gradient.StartColor = Color.FromArgb(255, 0, 100, 200);
bar1.Gradient.MiddleColor = Color.FromArgb(255, 0, 100, 200);
bar1.Gradient.EndColor = Color.FromArgb(255, 0, 200, 200);
// bar1.Pen.Color = Color.FromArgb(255, 0, 100, 200);
bar1.Pen.Visible = false;
bar1.Gradient.Direction = Steema.TeeChart.Silverlight.Drawing.GradientDirection.TopBottom;
//Bar2
bar2.BarStyle = Steema.TeeChart.Silverlight.Styles.BarStyles.RectGradient;
bar2.Gradient.Visible = true;
bar2.Gradient.StartColor = Color.FromArgb(255,20, 200, 90);
bar2.Gradient.MiddleColor = Color.FromArgb(255, 20, 200, 90);
bar2.Gradient.EndColor = Color.FromArgb(255, 20, 242, 150);
// bar2.Pen.Color = Color.FromArgb(255, 20, 200, 90);
bar2.Pen.Visible = false;
bar2.Gradient.Direction = Steema.TeeChart.Silverlight.Drawing.GradientDirection.TopBottom;
bar1.Marks.Visible = false;
bar2.Marks.Visible = false;
}

Can you tell us if previous code works as you expect?

Thanks

[Planoresearch]

Hi Sandra,
Thanks for the response,


I tried your code, everything is running fine but bevel effect is not showing in the bar, i need the bevel effect in Bar as showing in the image of my first post.


Please give us the solution to create Bevel effect in Bar,

Thanks

Planoresearch

[Sandra]

Hello Planoresearch,

I am afraid it is not possible, as has been discussed here you only can try to achieve similar effects using Gradient.

Thanks,