Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
87 lines (51 sloc) 2.38 KB

GTK#

This example shows how to create a simple GtkSharp2 application with a PlotView widget, where the content of the plot is defined in code as a PlotModel.

Create project

To create a new project that should make use of OxyPlot, open either MonoDevelop or XamarinStudio, open the New Project dialog and select the Gtk# 2.0 Project template:

gtk-createProject.png

Add references

To prepare the new project for the use of OxyPlot, right-click the References subfolder of the project:

gtk-nugetPacketContextMenu.png

In the NuGet dialog, search for OxyPlot and install the OxyPlot.GtkSharp package:

gtk-nugetPacketDialog.png

Create the view

Note

Probably due to a bug in MonoDevelop, adding the PlotView widget with the designer does not work.

To add the PlotView widget through code, open the MainWindow's code and add the following lines to the constructor:

var plotView = new PlotView();
this.Add(plotView);
plotView.ShowAll();

Bind PlotModel

To create a simple PlotModel and display it in the PlotView widget, add the following code to the constructor:

var myModel = new PlotModel { Title = "Example 1" };
myModel.Series.Add(new FunctionSeries(Math.Cos, 0, 10, 0.1, "cos(x)"));
plotView.Model = myModel;

Result

The complete source code of the MainWindow should now look like this:

public partial class MainWindow: Gtk.Window {

        public MainWindow() : base(Gtk.WindowType.Toplevel) {
                Build();

                var plotView = new PlotView();
                this.Add(plotView);
                plotView.ShowAll();

                var myModel = new PlotModel { Title = "Example 1" };
                myModel.Series.Add(new FunctionSeries(Math.Cos, 0, 10, 0.1, "cos(x)"));
                plotView.Model = myModel;
        }

        protected void OnDeleteEvent(object sender, DeleteEventArgs a) {
                Application.Quit();
                a.RetVal = true;
        }

}

And the resulting application should then look like this:

gtk-example1.png

The source code can also be found in the HelloWorld\GtkApplication1 folder in the documentation-examples repository.