Metro Elements – Amazing new financial charts for Windows Store apps

Here at Mindscape we’re excited about the upcoming release of some great new tools and control suites. One of these is Metro Elements for Windows Store apps, and those of you that are participating in its beta will know it’s looking pretty great. I’m particularly pleased with the new financial chart controls; you get two great controls ready to display market data with little initial configuration needed. To see these in action, you can check out the Youtube video here:

One is the Candlestick Chart, the other is the Stock Chart, also referred to as an Open-High-Low-Close chart. They both display points with that data (OHLC), while varying in their presentation – so you get to choose the type that best suits your client’s data and use cases. The Candlestick chart displays the area between the open and close prices as a shaded box.

It takes just a few quick steps to place one of these charts in your Windows Store app. In your Page’s Xaml, create an instance of a Chart, along with either the StockSeries or CandlestickSeries (I’ll be using the latter) nested inside it:

<ms:CandlestickSeries ItemsSource="{Binding Data}" />

As is standard, we can set the ItemsSource to bind to a Collection property on the DataContext. Metro Elements provides a handy helper object to represent OHLC data points, and we can use that to get our Candlestick chart up and running quickly. The type is StockDataPoint, which resides in Mindscape.MetroElements.Charting. The constructor signature for it looks like this:

public StockDataPoint(DateTime date, double open, double high, double low, double close)

You only need to provide a DataTime along the OHLC values and the CandlestickSeries/StockSeries will display your data immediately. If, however, you already have your own model and data structure for representing OHLC, binding to that is also easy. Firstly set the ItemsSource to the Collection holding your custom OHLC structures. Then, just set the follow properties on CandlestickSeries to specify which model properties contain the relevant data: XBinding, YBinding, LowBinding, HighBinding, OpenBinding, CloseBinding.

Styling the points

You may want to style the points depending on how the point performed that day – if the close is lower than the open, then color the point red, for instance. That’s as easy as providing the desired color to the series:

<ms:CandlestickSeries ItemsSource="{Binding Data}" NegativeSeriesBrush="#FF0000" />

Or, if you want to completely customize the style of the negative or positive points, you can too. This is accomplished by setting NegativeStyle or PositiveStyle.

One of the best features about our Chart control is how modular it is. It’s remarkably easy to get the chart elements you want up and running with a few lines of Xaml, and you can mix and match them as you like. Some great examples are available in the Sample Explorer demo application included with the beta (as well as the full version, naturally) – check out the Composite Charts demo for some ideas.

The Sample Explorer also includes fully working and interactive examples of the two financial charts discussed in this post. Download it and check them out now, they’re available here. The beta includes the financial charts along with 15 other great chart controls, and many other controls for data display and productivity. Thanks for reading; if you have any questions feel free to leave a comment or make a post in our forums.

Tagged as General

Win a Kindle Paperwhite, $50 Amazon gift card and license to Metro Elements worth $799 USD!

A Kindle Paperwhite, $50 Amazon gift card and Metro Elements license are up for grabs this October

October 2012 is turning out to be a ripper of a month, what with new releases coming out left, right and center. Windows 8 is officially launched on the 25th, and the Kindle Paperwhite is due to come out on October 1st – not to mention the final version of Mindscape Metro Elements!

So, in honor of this exciting month, we’re making it even better by running a killer twitter competition. You can go in the draw to win:

  • a Kindle Paperwhite,
  • $50 worth of Amazon gift vouchers to spend on whatever you please (books for your brand new Kindle!?)
  • and a license to the Metro Elements worth $799 USD!

To enter this competition all you need to do is follow @MindscapeHQ on Twitter, and Tweet this blog post to your followers! You’ll see a little ‘tweet’ button beside this post so you can share it in less than a second. Easy!

Winner will be announced on the 31st October.

Tagged as General

Thanks To Our Biggest Fans!

The winners of the Annual CodeProject Awards were announced last week, with Mindscape winning recognition from members for providing what they consider to be awesome .NET tools.

We’re super happy because this recognition means that our goal of building developer tools that make life easier for developers is being recognized. The awards are based on member votes, so we have you guys to thank for taking the time to vote.

A round of applause to you, our biggest fans. Thanks!

Tagged as General

Nightly news, 1 June 2012

Lots of work this week in getting WPF Elements 5.1 shipped. Peering past all the grids, boxplots and candlestick charts here’s what you’ll find in this week’s nightly builds.

WPF Elements

  • WPF Elements 5.1 Released!

Web Workbench

  • Parse -browser functions in CSS
  • Parse @selectors in CSS
  • Fix for blue squiggly showing up on numeric selector names


  • Added “Private Setter” property to entity properties in the designer, flows through to templating
  • Fixed an issue causing a SecurityException when running in medium trust

As usual the free editions of the nightly builds are available right now from the downloads page, and the full editions from the store.

Mindscape video: Sh*t Developers DON’T Say

That’s right, the Mindscape staff have indeed ventured into the realm of acting and film making. But don’t worry, we haven’t quit our day jobs! Somebody has to keep up that legendary support that you all love right?

Over the last few weeks though (in between working on new releases) we put together a bit of a film. Ok, so it’s more of a one minute clip, but the fame may have gone to our heads a little! It’s just a little bit of fun that we thought we could share.

And so we  proudly present, “Sh*t Developers DON’T Say” featuring real life Mindscape staff. In costume (true story).  We thought up some phrases that you will typically NEVER hear a developer say but if you think we’ve missed anything, go ahead and add it in the comments!

Enjoy, and we hope you’re as entertained as we were making it…

Tagged as General


Join our mailer

You should join our newsletter! Sent monthly:

Back to Top