Share via

Modern UI Data Visualization Toolkit

  • Article

sample2I’ve been Hiding for a while working on what I consider a big step for Modern Applications to Look Nicer with more charts and ways to display Data In Controls

So As a Matter of Fact I successfully Migrated the Famous Sliverlight toolkit to be running on Windows 8 Modern UI Applications.

Well, not everything is there yet since I’m Migrating Class By Class while understanding how things are working on this huge components

You can follow my project on CodePlex https://modernuitoolkit.codeplex.com/ 

For Now you can find the Bar , Line , Column Chart and mixed Series Available, And I’m looking for people how can join me on this as it’s a very big project and I believe that this is the most advanced charting controls available for windows 8 So far with your help it can be even better.

 

You can help with Ideas, Development Testing Bugs Reporting etc,

 

 

sample

Sample of my Charts in Action

Comments

  • Anonymous
    September 28, 2012
    The comment has been removed

  • Anonymous
    September 28, 2012
    The comment has been removed

  • Anonymous
    September 28, 2012
    I have not tried your library but does your library support viewport zoom-in/out via mouse scroll wheel. See some sample here research.microsoft.com/.../d3isdk Thanks, Rohit Rohiton.net

  • Anonymous
    September 28, 2012
    Well I had to Say no for that Since it will require some work on the Charts it Self as for now I do support basic integration like selection Highlighting and you can implement basic drill down functionality with the charts itself How ever I can Include that as a Work item for future releases

  • Anonymous
    October 26, 2012
    Hello First of all, thank you very very much for this awesome extension, I'm using it in one project but I have a question, if I want "refresh" a bar chart, who I can do that?  

  • Anonymous
    October 27, 2012
    Hello, Did you try resetting the datasource

  • Anonymous
    October 31, 2012
    Actually I'm a very beginner on C# but I think that yes, I try with something like that: ((ColumnSeries)columnChart.Series[0]).ItemsSource = dataGraphic; where dataGraphic are all the new data that I wan show, I can see that the axis are refreshed properly but the bars are not show properly... surely I'm doing something more, can you give me a tip?

  • Anonymous
    November 03, 2012
    I'm also interested in an example of updating the charts.

  • Anonymous
    November 07, 2012
    I have to use Grouping while displaying data using charts. Grouping in terms of two different values for a single entity. When I want to compare data for 2 different months for a set of Products. Does this toolkit provide any means to do the same?

  • Anonymous
    November 07, 2012
    Yes, You can Use 2 column Series on the Same Chart and Bind Each of it to each of your Data Groups This will do the Job for you

  • Anonymous
    December 11, 2012
    Thanks for the kit ... I am trying to bind the itemssource in XAML with an observable collection  and what it does is  displays the chart based on what was there in the collection intially... though on change of collection it doesn't refresh the chart ... Any kind of help is appreciated  

  • Anonymous
    February 20, 2013
    I am using the toolkit for a few days now and it I really like it. I also have the same question about resetting the column chart. On the first bind it works fine with a nice transition, but when i update my criteria the bars are just messed up. Axis are ok though. Any suggestions please?

  • Anonymous
    February 20, 2013
    You can For now Clear the Chart and Rebuild it As I think Now I know what's wrong with the code

  • Anonymous
    February 20, 2013
    Thanks for the prompt response. Can i have an example please. Do you mean I should do everything in c# code? I now set it up in xaml and only change the itemsource when a button is tapped. XAML: <Chart:Chart x:Name="Chart" Grid.Row="1" HorizontalAlignment="Left" Title="Column Chart" VerticalAlignment="Top" Width="600" Height="400">        <Chart:Chart.Series>            <series:ColumnSeries Title="title" DependentValueBinding="{Binding SumAmount}" IndependentValueBinding="{Binding GroupDate}" IsSelectionEnabled="True" />            <series:ColumnSeries Title="title2" IndependentValueBinding="{Binding GroupDate}" DependentValueBinding="{Binding SumAmount}" IsSelectionEnabled="True"/>        </Chart:Chart.Series>    </Chart:Chart> C#: ((ColumnSeries)Chart.Series[0]).ItemsSource = groupedBlue; ((ColumnSeries)Chart.Series[1]).ItemsSource = groupedRed;

  • Anonymous
    April 19, 2013
    The comment has been removed