dynamicdatadisplay Forum Rss Feed

New Post: Support for colors

roald — Fri, 20 Nov 2009 12:44:53 GMT

I have just found the D3 and find it very interesting. I have a requirements for a chart with some 10k data points and using WPF polyline etc become very slow. However I need to control every singel color used in the control and also be able to switch on/off grid, labels, axis etc. Is this possible ?

New Post: Drawing a large ammount of data

paulosmasher — Thu, 19 Nov 2009 18:16:16 GMT

I made some tests using the Bitmap Based Chart, and I made a line chart (actually a polyline drawed on-demmand according my visible area), but I got some problems with the Y Axis. I would know if there is a easier way to do that (draw a bitmap line using a LineChart).

New Post: How do the filters work?

paulosmasher — Thu, 19 Nov 2009 12:23:02 GMT

I need to show a large ammount of data using the D3, and I would know how do the filters work, because I guess it can help me

New Post: MVVM LineGraph DataSource DP

andrecarlucci — Thu, 19 Nov 2009 11:31:21 GMT

Hi Ravi,

That was awesome!

Now I get the idea, I wasn't thinking about extending the ChartPlotter class.

You saved me a lot of time, I really appreciated your help.

Best regards,

André

New Post: MVVM LineGraph DataSource DP

battula32 — Thu, 19 Nov 2009 03:20:00 GMT

Hi Andre

Refer this, this will give you some idea.

http://cid-996b1960e19fab56.skydrive.live.com/self.aspx/.Documents/LineGraph.zip

Regards

Ravi

New Post: Binding to multiple LineGraphs from a ViewModel

mweber26 — Wed, 18 Nov 2009 17:52:16 GMT

I moved away from having a separate control that did it and added it directly to the chart control, now you just

<ChartPlotter ItemsSource="{Binding Charts}" />

In the source directory under Stable\v0.3.1\src\DynamicDataDisplay\Common add the following code to the bottom of the Plotter class in Plotter.cs (sorry for the inline code, but I can't figure out how to do an attachment...)  Of course I have not rigorously tested it, but have been using this for a week or so and has held up so far.  Let me know if you have any problems and I'll see what I can do to fix them.

mike

#region Items Source

public static DependencyProperty ItemsSourceProperty = DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(Plotter), new FrameworkPropertyMetadata(null, new PropertyChangedCallback(OnItemsSourceChanged)));

[DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden), Bindable(true)]
public IEnumerable ItemsSource
{
  get
  {
    return (IEnumerable)GetValue(ItemsSourceProperty);
  }
  set
  {
    if(value == null)
      ClearValue(ItemsSourceProperty);
    else
      SetValue(ItemsSourceProperty, value);
  }
}

private static void OnItemsSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
  Plotter control = (Plotter)d;
  IEnumerable oldValue = (IEnumerable)e.OldValue;
  IEnumerable newValue = (IEnumerable)e.NewValue;

  if(e.NewValue == null)
    control.ClearItemsSource();
  else
    control.SetItemsSource(newValue);
}

private List<IPlotterElement> _elementsInItemsSource = new List<IPlotterElement>();
private IEnumerable _itemsSource = null;

private void ClearItemsSource()
{
  if(_itemsSource != null && _itemsSource is INotifyCollectionChanged)
    (_itemsSource as INotifyCollectionChanged).CollectionChanged -= ItemsSourceCollectionChanged;

  //remove the elements that were added from the items source (create a copy since RemoveItemSourceChild changes the enumeration)
  List<IPlotterElement> removes = new List<IPlotterElement>(_elementsInItemsSource);
  foreach(IPlotterElement elem in removes)
    RemoveItemSourceChild(elem);

  _elementsInItemsSource.Clear();
}

private void SetItemsSource(IEnumerable list)
{
  ClearItemsSource();

  foreach(object o in list)
  {
    if(o is IPlotterElement)
      AddItemSourceChild(o as IPlotterElement);
  }

  _itemsSource = list;
  if(_itemsSource is INotifyCollectionChanged)
    (_itemsSource as INotifyCollectionChanged).CollectionChanged += ItemsSourceCollectionChanged;
}

private void RemoveItemSourceChild(IPlotterElement elem)
{
  Children.Remove(elem);
  //it's not in the plotter anymore
  _elementsInItemsSource.Remove(elem);
}

private void AddItemSourceChild(IPlotterElement elem)
{
  Children.Add(elem);
  //it's in the plotter not
  _elementsInItemsSource.Add(elem);
}

private void ItemsSourceCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
{
  if(e.OldItems != null)
  {
    foreach(object o in e.OldItems)
    {
      if(o is IPlotterElement)
        RemoveItemSourceChild(o as IPlotterElement);
    }
  }

  if(e.NewItems != null)
  {
    foreach(object o in e.NewItems)
    {
      if(o is IPlotterElement)
        AddItemSourceChild(o as IPlotterElement);
    }
  }
}

#endregion

#region Items Source

public static DependencyProperty ItemsSourceProperty = DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(Plotter), new FrameworkPropertyMetadata(null, new PropertyChangedCallback(OnItemsSourceChanged)));

[DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden), Bindable(true)]

public IEnumerable ItemsSource

{

get

{

return (IEnumerable)GetValue(ItemsSourceProperty);

}

set

{

if(value == null)

ClearValue(ItemsSourceProperty);

else

SetValue(ItemsSourceProperty, value);

}

private static void OnItemsSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)

{

Plotter control = (Plotter)d;

IEnumerable oldValue = (IEnumerable)e.OldValue;

IEnumerable newValue = (IEnumerable)e.NewValue;

if(e.NewValue == null)

control.ClearItemsSource();

else

control.SetItemsSource(newValue);

}

private List<IPlotterElement> _elementsInItemsSource = new List<IPlotterElement>();

private IEnumerable _itemsSource = null;

private void ClearItemsSource()

{

if(_itemsSource != null && _itemsSource is INotifyCollectionChanged)

(_itemsSource as INotifyCollectionChanged).CollectionChanged -= ItemsSourceCollectionChanged;

//remove the elements that were added from the items source (create a copy since RemoveItemSourceChild changes the enumeration)

List<IPlotterElement> removes = new List<IPlotterElement>(_elementsInItemsSource);

foreach(IPlotterElement elem in removes)

RemoveItemSourceChild(elem);

_elementsInItemsSource.Clear();

}

private void SetItemsSource(IEnumerable list)

{

ClearItemsSource();

foreach(object o in list)

{

if(o is IPlotterElement)

AddItemSourceChild(o as IPlotterElement);

}

_itemsSource = list;

if(_itemsSource is INotifyCollectionChanged)

(_itemsSource as INotifyCollectionChanged).CollectionChanged += ItemsSourceCollectionChanged;

}

private void RemoveItemSourceChild(IPlotterElement elem)

{

Children.Remove(elem);

//it's not in the plotter anymore

_elementsInItemsSource.Remove(elem);

}

private void AddItemSourceChild(IPlotterElement elem)

{

Children.Add(elem);

//it's in the plotter not

_elementsInItemsSource.Add(elem);

}

private void ItemsSourceCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)

{

if(e.OldItems != null)

{

foreach(object o in e.OldItems)

{

if(o is IPlotterElement)

RemoveItemSourceChild(o as IPlotterElement);

}

if(e.NewItems != null)

{

foreach(object o in e.NewItems)

{

if(o is IPlotterElement)

AddItemSourceChild(o as IPlotterElement);

}

#endregion

New Post: Binding to multiple LineGraphs from a ViewModel

andrecarlucci — Wed, 18 Nov 2009 17:12:34 GMT

Hi Mike!

I'm looking exactly for that, take a look in my question: http://dynamicdatadisplay.codeplex.com/Thread/View.aspx?ThreadId=63633 (last reply as for 18/11/2009).

Could you please provide me the code?

Thanks a lot in advance,

André

New Post: MVVM LineGraph DataSource DP

andrecarlucci — Wed, 18 Nov 2009 16:41:45 GMT

Just to give more information:

I'm creating a viewer to some timeseries (datetime / value). 60 values per second to be more precise.

The user has a listbox with all timeseries and he/she selects as many as he/she wants and click "show".

The chart should show all selected series. If the user changes his mind, he can select other series and click show again.

To achieve that, the show button fires a command handled by the viewmodel, that gets data from database and populates a private member of type List<CompositeDataSource> called LoadedData (exposed as a property). After doing it, it calls OnPropertyChanged("LoadedData"). This method fires a PropertyChangedEventArgs("Loaded Data").

The XAML is the way I posted before.

When I debug the solution, the debugger shows me the property LoadedData being called (after the OnPropertyChanged) but the chart is never updated (no lines are shown).

I see that this doesn't work (using ItemsControl), so would you be so nice to explain me better how to use DependencyProperty in this case?

Thanks a lot in advance,

André

New Post: MVVM LineGraph DataSource DP

andrecarlucci — Wed, 18 Nov 2009 16:10:26 GMT

Hi Ravi,

Thanks for your answer.

I'm just a bit confused, sorry, I'm starting with WPF.

Where the DependencyProperty declaration goes?

And I'm getting this error in the XAML: Error 2 The property 'LineGraphs' was not found in type 'ChartPlotter'.

Any thoughts?
Cheers,

André

New Post: Data markers on child vertical axis

battula32 — Wed, 18 Nov 2009 07:06:05 GMT

Hi Mikhail,

Is it possible to show some data markers on child y axis.

I need to show some thing like this.

http://cid-996b1960e19fab56.skydrive.live.com/self.aspx/Trend%20Snaps/MultipleYAxisArea.jpg

Regards

Ravi.

New Post: MVVM LineGraph DataSource DP

battula32 — Wed, 18 Nov 2009 03:00:34 GMT

Hi,

Use line graphs obeservable collection as dependency property like

DependencyProperty LineGraphsProperty = DependencyProperty.Register("LineGraphs", typeof(ObservableCollection<YourViewModel>), typeof(ChartPlotter), new FrameworkPropertyMetadata(new PropertyChangedCallback(ChangeLineGraphs)));

YourViewModel contains PointDataSource or CompositeDataSource etc.

Bind ObservableCollection<YourViewModel> LineGraphs;

If you do LineGraphs.Add(object of YourViewModel) thi will fire linegrphs change dependenccy property event arguments.

in xaml use like

<ddd:ChartPlotter x:Name="plotter" LineGraphs="{Binding Path=LineGraphs}"/>

This will work

Regards

Ravi.

New Post: MVVM LineGraph DataSource DP

andrecarlucci — Tue, 17 Nov 2009 17:45:58 GMT

Great Mikhail, it worked :)

Is there a way to use an ItemsControl or something like that to produce several LineGraphs? I tried to do something like this without success. Any thoughts?

LoadedData is a List<CompositeDataSource>

   <d3:ChartPlotter Name="Chart">
   	<d3:VerticalAxisTitle FontSize="12">Value</d3:VerticalAxisTitle>
         	<d3:HorizontalAxisTitle FontSize="12">Date Time</d3:HorizontalAxisTitle>
                    
                    
         <ItemsControl ItemsSource="{Binding LoadedData}">
         		<ItemsControl.ItemTemplate>
                  		<DataTemplate>
                                <d3:LineGraph DataSource="{Binding}"></d3:LineGraph>
                            </DataTemplate>
                   </ItemsControl.ItemTemplate>
	</ItemsControl>

   </d3:ChartPlotter>

New Post: CircleElementPointMarker really slows up Plotter

quinlivan — Tue, 17 Nov 2009 10:31:49 GMT

Hello,

Using the 5x1000Charts example in your Repros folder - try adding the 5 Lines with a CircleElementPointMarker as shown below:

          CircleElementPointMarker ce = new CircleElementPointMarker();
          ce.Brush = ColorHelper.RandomBrush;
          ce.Fill = ColorHelper.RandomBrush;
          ce.Size = 10;

          plotter.AddLineGraph(ds1, new Pen(ColorHelper.RandomBrush, 5), ce, new PenDescription("Line"));

The whole Plotter slows up significantly.

I've changed the number of points (private const int count = 1000;) from 10 to 100 to 1000 - you will see the difference it makes to the overall performance

New Post: ChartPlotter resize

bigbox168 — Mon, 16 Nov 2009 10:44:01 GMT

Hi Mikhail,

many thanks for your tips, now the refresh is a little improved, (I'll wait your draft with DirectX...).

About the first problem, seems that was my problem with the reference of D3 library, now i'm sure that I'm using the latest version of D3 library, but the second problem (see image n. 2) is still present,
If you move the grid splitter all the vertical lines will appeare like second image.

Best regards,

Giancarlo.

New Post: Line drawing performance in WPF

lasseroren — Mon, 16 Nov 2009 10:31:45 GMT

Hi Mikhail,

That sounds great. I actually had a similar idea myself, but using OpenGL instead of DirectX (I think I read somewhere on the Web that OpenGL is better for 2D than DirectX - which is optimised for 3D high-end games performance. Perhaps you have a comment on this?).

Anyway, using the very recently released BETA of OpenTK (www.opentk.com), I created a Windows Control derived from the Toolkit class GLControl. I embedded the Control in the WPF XASM using <WindowsFormsHost>, and now rendering 20,000 lines at 50fps without problems, even when the window is full-screen.

This really has been an eye-opener though. When I first started using WPF it seemed ideal, with everything integrated in a very nice framework based on XML. However, if the 2D (and therefore presumably also 3D) performance is so poor that rendering anything more than a few hundred simple dynamic gfx primitives per second is not possible, even when the WPF stuff is allegedly based directly on DirectX, then I must say I'm disappointed. Is it the anti-aliasing that takes such a long time? Since the performance is so dependent on the length of the rendered lines this would seem logical. Perhaps it can be turned off somehow? But since I'm seeing a performance enhancement in the order of between 100 and 1000 (!!) with OpenGL, I cannot really understand what WPF is doing. Perhaps it's taking small naps or something.

It does seem that Microsoft have taken some massive step forwards with WPF, but also some unfortunate steps back....

Regards,

Lasse

New Post: ChartPlotter with transparent background goes black when copy to clipboard

thecentury — Sun, 15 Nov 2009 14:27:45 GMT

Hi IanR,

I've made this fix in second branch of code, so now it should work in WinForms version, too.

Mikhail.

New Post: Line drawing performance in WPF

thecentury — Sat, 14 Nov 2009 18:21:43 GMT

Hi Lasse,

I've created a first draft of line chart using DirectX to render itself. This lineChart can be integrated into WPF's scene seamlessly, without air control conflicts and so on, by using D3DImage, provided by ЦЗАю

This chart has very nice performance - at least animated series with your modification were working in fullscreen mode (1920*1080) without any lags on my GeForce 9600 M.

So you probably should not be very sad and should not begin to search for other (for example, GDI) solution, as we are capable to provide such high performance solution by WPF+DirectX.

Best regards,

Mikhail.

New Post: Data Binding using XmlDataProvider and XPath

EeeeEfff — Fri, 13 Nov 2009 19:19:53 GMT

That's wonderful - thank you!! Looking forward to the next installment.

New Post: WPF Legend, and other customization

thecentury — Fri, 13 Nov 2009 18:24:36 GMT

Hi Kevin,

I'i is difficult to me to name precise date, but maybe release can happen in January-February of the next year - I don't want to give unrealizable promises)

Regards,

Mikhail.

New Post: ChartPlotter resize

thecentury — Fri, 13 Nov 2009 18:21:29 GMT

Hi Giancarlo,

Are you using the latest version of DynamicDataDisplay from 'Source code' page? If not, try to use that version, because in the latest changesets this bug with axes was (I hope) fixed.

I've created sample application with 2 gridSplitters and 3 chartPlotters, and everything worked normally. Probably the bug is in one of older versions of D3.

Currently there is not much difference between complete replacement of data and adding some data to it, because both of them causes complete update of the chart.

About "Rolling window graph": please follow the advice I've given there, and add following lines into you code:

// switching off approximate content bounds' comparison, as this can cause improper behavior.
plotter.Viewport.UseApproximateContentBoundsComparison = false;
// adding line chart to plotter
var line = plotter.AddLineGraph(data.AsDataSource());
// again switching off approximate content bounds' comparison - now in coercion method of Viewport2D.ContentBounds attached dependency property.
Viewport2D.SetUsesApproximateContentBoundsComparison(line, false);

Best regards,

Mikhail.