dynamicdatadisplay Forum Rss Feed

New Post: Clickable Bar charts in WPF

Guie — Wed, 22 May 2013 09:50:07 GMT

Good Morning,

I am currently working with d3, and I would like to make clickable bar charts.
I am able to create custom circle element markers. Each marker is clickable and binded with an item.
I would like to do the same thing using bar charts (each bar would be clickable and binded with an item). Can somebody give me a way to do so ?

Thanks in advance,
Guillaume

New Post: Select a piece on ChartPlotter

XmaksasX — Wed, 22 May 2013 06:42:43 GMT

Please help me, I do not understand.

New Post: unable to erase chartplotter data on C# WPF

arunshankar20003 — Wed, 22 May 2013 06:15:29 GMT

Hi,
I am using d3 for the first time and I find it very useful. I am taking a dynamic integer value coming in at frequent intervals and plotting it as a linegraph ('line1') onto a chartplotter named 'plotter'. What I want is to have a way to erase all the data from the chartplotter when I uncheck the checkbox and start plotting again once i check it back. I thought I might be able to accomplish it with plotter.Children.Remove(line1), but it does not erase the old data. Instead it plots over the old data again and I have double data lines. Here is the code example (includes some pseudo codes) that I have so far.

ObservableDataSource<System.Windows.Point> source1=new ObservableDataSource<System.Windows.Point>();
LineGraph line1=new LineGraph(source1);
line1.Name = "Data1";
int i=0;
start a timer to CaptureData...
CaptureData(....,...)
{
  if a CheckBox is checked...()
 {
    if (i == 0)
    {
    plotter.Children.Add(line1);
    }
    double graph_x = Convert.ToDouble(i);
    double graph_y = Convert.ToDouble(datapoint that I have);
    System.Windows.Point p1 = new System.Windows.Point(graph_x, graph_y);
    source1.AppendAsync(Dispatcher, p1);
    i++;
    }
 }
 Once the checkBox is unchecked
 {
    if (i != 0)
      {
         i=0;
         plotter.Children.Remove(line1);
      }
 }
}

This code is able to take out the data plot once the box is unchecked, but it plots over the old data once I check it again. any way that I can avoid this? Any pointer to solve this are welcome...

New Post: How can i display datetime axis in Silverlight?

oxijen — Tue, 21 May 2013 14:10:42 GMT

Hi;

i have 2 list in my Silverlight Project. First list holds datetime values for x axis and second list holds values for y axis. if i convert datetime values to double i can display chart but datetime values shows in double format. How can i display the datetime calues in right format?

Tnx.

// XAML //

<d3:Chart BottomTitle="Date" LeftTitle="Value" Width="800" Height="600">

            <d3:Chart.Title>
                <TextBlock HorizontalAlignment="Center" FontSize="14" Margin="0,5,0,5">My Project</TextBlock>
            </d3:Chart.Title>
            <d3:LineGraph x:Name="linegraph" Description="Values" Stroke="Blue" StrokeThickness="1"/>

</d3:Chart>

// C# //

List<double> dates = new List<double>();
List<double> values = new List<double>();

//fill lists

linegraph.Plot(dates, values);

New Post: How i can get X\YTextProperty from CursorCoordinateGraph?

battula32 — Mon, 20 May 2013 04:05:41 GMT

Hi,

Image is not visible for me.

CursorCoordinateGraph text properties are encapsulated(I mean hidden, those are private properties).
But I guess you don't need those properties.

Check the below properties

cursorCoordinateGraph.XTextMapping = x => yourconversion;
cursorCoordinateGraph.YTextMapping = x => yourconversion;

this.cursorCoordinateGraph.CustomXFormat = your custom format;
this.cursorCoordinateGraph.CustomYFormat = your custom format;

If this is not what you are looking for, please attach image again or explain in detail what you are looking for, I will try to help you.

Regards
Ravi.

New Post: Need to fill line graph area with background color.

battula32 — Mon, 20 May 2013 03:48:52 GMT

Hi

As per my knowledge, There is no direct way to do area graphs(Area region) using DDD.
DDD has only VericalRange and HorizontalRange, these are to add horizontal and vertical rectangle regions.

The line graph has(the return type of plotter.AddLineGraph(......)) point data collection.
Since this is WPF chart control, you can always add polygon with the point data collection.
you can do some thing like this

                System.Windows.Media.PointCollection polygonPoints = new System.Windows.Media.PointCollection();
                System.Windows.Media.SolidColorBrush yellowBrush = new System.Windows.Media.SolidColorBrush();
                yellowBrush.Color = System.Windows.Media.Colors.Yellow;
                System.Windows.Media.SolidColorBrush blackBrush = new System.Windows.Media.SolidColorBrush();
                blackBrush.Color = System.Windows.Media.Colors.Black;

                System.Windows.Shapes.Polygon polygon = new System.Windows.Shapes.Polygon();
                polygon.Stroke = blackBrush;
                polygon.Fill = yellowBrush;
                polygon.StrokeThickness = 3;
                var points = lineGraph.DataSource.GetPoints().ViewportToScreen(plotter1.Viewport.Transform).ToList();
                foreach (var pnt in points)
                {
                    polygonPoints.Add(new Point(pnt.X, pnt.Y));
                }

                //Here you have to add two more points to complete the loop
                polygonPoints.Add(new Point(0, hightOfChart));
                polygonPoints.Add(new Point(widthOfChart, hightOfChart));
 
               polygon.Points = polygonPoints;

                yourPrentGridOrPlot.Children.Add(polygon);
                //yourPrentGridOrPlot is parent grid where you plan to add ploygon

I didn't try this code, But this code should work.

Regards
Ravi.

New Post: How i can get X\YTextProperty from CursorCoordinateGraph?

SeRgik_aka_SeRg — Sun, 19 May 2013 13:23:22 GMT

Hello, how i can get this values?

New Post: Select a piece on ChartPlotter

XmaksasX — Thu, 16 May 2013 11:29:13 GMT

thank you WarFollowsMe, but that's not what I need, I need to select any part of the mouse.

i need like this

New Post: Select a piece on ChartPlotter

WarFollowsMe — Thu, 16 May 2013 10:51:54 GMT

var v = plotter.Visible;
v.XMin = 4;
v.Width = 4;
plotter.Visible = v;

New Post: Select a piece on ChartPlotter

XmaksasX — Thu, 16 May 2013 04:27:40 GMT

Hi All.

Please tell me how to select a piece on ChartPlotter I can not understand..

New Post: Independent Y-Axis on ChartPlotter

WarFollowsMe — Wed, 15 May 2013 07:56:40 GMT

Hi All.
I got some little problem with "Independent Y-Axis" in my project.

In sample "TwoHorizontalAxes" (last build DevSamples\TwoHorizontalAxes) you using converter
InjectedPlotterVerticalSyncConverter, and its working good.

In my project I need HorisontalConverter, so I little bit changed yours code for my needs (same converter but for vertical
axes - InjectedPlotterHorizontalSyncConverter).
In project .Net 3.5 work fine, all axes independet scrolling and zooming.
But in .Net 4.0 all vertical axes just freezing (not zooming, not scrolling). It's happen because in .net 3.5
ConvertCore happen only when i change mainplotter visible on horizontal axis.
But in .net 4.0 its happen when I changing mainplotter visible on horizontal axis and on one of vertical axis.
Maybe someone has some advice what can i do in this case?

Upgrade
Link for problem sample

New Post: D3 openstreetmap position is wrong!

aiolia — Mon, 13 May 2013 03:24:32 GMT

Hello everyone:

       I am using the d3 openstreetmap in my application now.but I find that the latitude and longitude of position is not exactly accurate.I also test the official example of d3 map,but it has the same problem! Then i doubt that the openstreetmap has errors,but through the openstreet official website it has no problem!
      Is there someone who can help me? thanks!

New Post: Markers overlap

Didi71 — Fri, 10 May 2013 10:54:30 GMT

Hello!

Does exist an algorithm to avoid markers overlap?
We don’t want that any marker (i.e CenteredTextMarker) overlap other markers or datapoints.

Thanks in advance.

New Post: Real-time candelstick chart

battula32 — Mon, 06 May 2013 06:25:26 GMT

Hi

EnumarableDataSource<T> has an event called RaiseDataChanged();
I am not sure whether you are looking for this or some sort of conversion based on limit changes. For limit changes check this=> SetYMapping(....).

Regards
Ravi/

New Post: Memory leak in D3

battula32 — Mon, 06 May 2013 06:07:26 GMT

Hi

Somehow the linegraph what you are adding is different from line what you are trying to delete.
LineGraph line = plotter.AddLineGraph(......) has return type.
LineAndMarker<MarkerPointGraph> lineAndMarker = plotter.AddLineGraph(...)
Please create a collection of LineGraph and LineAndMarker<...> and remove these collected elements from the children

 /// <summary>
    /// Chart plotter data class used in chartplotter to manipulate with plot name(entity name) and plot id(entity identifier)
    /// </summary>
    public class ChartPlotterKey
    {
        /// <summary>
        /// Gets or sets the name of the plot.
        /// </summary>
        /// <value>The name of the plot.</value>
        public string PlotName
        {
            get;
            set;
        }

        /// <summary>
        /// Gets or sets the plot id.
        /// </summary>
        /// <value>The plot id.</value>
        public Guid PlotId
        {
            get;
            set;
        }
    }

******************** Add marker and line
 LineAndMarker<MarkerPointsGraph> lineAndMarker = injectedPlotter.AddLineGraph(pointDataSource, new Pen(brush, 2), new CirclePointMarker { Size = 9, Fill = brush }, new PenDescription("pen Name"));
                lineAndMarker.LineGraph.Tag = "aaaa";
                chartPlotterKey.PlotName = (string)lineAndMarker.LineGraph.Tag;
                this.lineAndMarkerGraphs.Add(chartPlotterKey, lineAndMarker);

************************* Add line graph
 LineGraph lineGraph = injectedPlotter.AddLineGraph(pointDataSource, color, 1, "bbbbb");
                lineGraph.Tag ="bbbbb";
                chartPlotterKey.PlotName = (string)lineGraph.Tag;
                this.lineGraphLines.Add(chartPlotterKey, lineGraph);
*********************

****** Remove lines
 foreach (KeyValuePair<ChartPlotterKey, LineGraph> line in this.lineGraphLines)
            {
                line.Value.DataChanged -= new EventHandler(this.LineGraph_DataChanged);
            }

            this.lineGraphLines.Clear();

            foreach (KeyValuePair<ChartPlotterKey, LineAndMarker<MarkerPointsGraph>> line in this.lineAndMarkerGraphs)
            {
                line.Value.LineGraph.DataChanged -= new EventHandler(this.LineGraph_DataChanged);
            }

            this.lineAndMarkerGraphs.Clear();

            foreach (KeyValuePair<Guid, InjectedPlotter> kvp in this.injectedPlotters)
            {
                kvp.Value.Viewport.PropertyChanged -= this.OnInjectedPlotterViewportPropertyChanged;
                kvp.Value.MainVerticalAxis.MouseDown -= this.OnInjectedVerticalAxisMouseDown;

                kvp.Value.Children.Clear();

                if (this.Children.Contains(kvp.Value))
                {
                    this.Children.Remove(kvp.Value);
                }
            }

            this.injectedPlotters.Clear();

try something like this. Or if you have the sample where this code doesn't work, please share it, I will try to find the issue.

Regards
Ravi

New Post: Issues with Memory leaks when adding and removing lines from live data

battula32 — Mon, 06 May 2013 06:00:36 GMT

Hi

chek this

this link may help you

Regards
Ravi

New Post: Memory leak in D3

FlashPlayer — Wed, 01 May 2013 17:47:46 GMT

Hello!

I have the same problem like here: https://dynamicdatadisplay.codeplex.com/discussions/356125

In few words, i'm using simple method, where i every second remove all LineGraphs from ChartPlotter and add new LineGraph.

I use this to add line:
GraphPlotter.AddLineGraph(pointsList, new Pen(Brushes.Black, 2), new CircleElementPointMarker {Size = 5.0, Brush = Brushes.Blue, Fill = Brushes.Blue}, new PenDescription("description"));

and this to remove:
GraphPlotter.Children.RemoveAll(typeof(LineGraph));
GraphPlotter.Children.RemoveAll(typeof(ElementMarkerPointsGraph));

I control the number of childrens and it is 16 always when i enter method again, so this is not problem with "not removed children".

Eventually after each cycle of remove/add LineGraph, the memory, which my app is using, is increasing by 1-2 mb.

Hope for your help.

New Post: Bezier filter

joao_ladeira — Fri, 26 Apr 2013 21:13:39 GMT

Nevermind i did it myself :)
For anyone that is interested here is the filter, please take in mind that is still a little bit rought.
Part of the code i got from here : http://stackoverflow.com/questions/13940983/how-to-draw-bezier-curve-by-several-points
To use just do like this : LineGraph.Filters.Add(new BezierLineFilter());

class BezierLineFilter : PointsFilterBase
{
    public override List<Point> Filter(List<Point> points)
    {
        return GetBezierApproximation(points.ToArray(), 30);
    }

    public override void SetScreenRect(Rect screenRect)
    {
        lastX = screenRect.X + screenRect.Width;
    }

    List<Point> GetBezierApproximation(Point[] controlPoints, int outputSegmentCount)
    {
        List<Point> result = new List<Point>();

        if (controlPoints != null && controlPoints.Length > 1)
        {
            Point[] points = new Point[outputSegmentCount + 1];
            for (int i = 0; i <= outputSegmentCount; i++)
            {
                double t = (double)i / outputSegmentCount;
                points[i] = GetBezierPoint(t, controlPoints, 0, controlPoints.Length);
            }

            result = new List<Point>(points);
        }
        return result;
    }

    Point GetBezierPoint(double t, Point[] controlPoints, int index, int count)
    {
        if (count == 1)
            return controlPoints[index];
        var P0 = GetBezierPoint(t, controlPoints, index, count - 1);
        var P1 = GetBezierPoint(t, controlPoints, index + 1, count - 1);
        return new Point((1 - t) * P0.X + t * P1.X, (1 - t) * P0.Y + t * P1.Y);
    }
}

New Post: Bezier filter

joao_ladeira — Fri, 26 Apr 2013 20:21:24 GMT

Hi can someone guide me trhu what direction should i go to get a bezier filter?.

I searched all over but cannot find a way to draw a curve between two points instead of the normal straight line, basically i would like to add three points for example and the graph automaticaly draws a bezier curve between those points, can someone help me?

Right now i found a StepLineFilter wich does what is suposed to do and it works :) i would like to add a filter like that but instead of steps add those middle points in order to draw a curve.

Thanks in advance.

New Post: Need to fill line graph area with background color.

shambhu1234 — Tue, 23 Apr 2013 07:28:40 GMT

Hi All,

i have created a chart using dynamic data display dll. I need to fill the graph area with background color. In the code below

plotter1.AddLineGraph(ds1,

               new Pen(Brushes.Green, 1),
               new CirclePointMarker { Size = 0.0, Fill = Brushes.Black },
               new PenDescription("Volts"));

i am not seeing the option to set background color for plotted graph reagion.
Any suggestion where i am missing.