Gallery

Gallery > Venn Charts

JS Venn Euler Difference

Demonstrates an illustration showing the difference between euler and venn diagrams.

Download Show C# Code Show VB Code

<%@ Page Language="C#" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
// Demonstrates an illustration showing the difference between euler and venn diagrams.
Chart.Type = ChartType.Venn;
Chart.Size = "700x480";
Chart.TitleBox.Label.Text = "Difference between Venn and Euler Diagrams";
Chart.TitleBox.Label.Font = new Font("Tahoma", 16, FontStyle.Regular);
Chart.TitleBox.Position = TitleBoxPosition.Center;
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.DefaultElement.ShowValue = true;
Chart.DefaultElement.Outline.Color = Color.Black;
Chart.DefaultElement.Outline.Width = 2;
Chart.DefaultElement.ToolTip = "";
Chart.Palette = new Color[] { Color.White };

Chart.JS.Enabled = true;
Chart.JS.Settings.Add("defaultSeries.mouseTracking.enabled", "false");

Annotation an = new Annotation("Venn Diagram");
an.Position = new Point(120, 50);
an.DynamicSize = false;
an.Label.Font = new Font("Tahoma", 14);
an.Background.Color = Color.Transparent;
an.Line.Color = Color.Transparent;
Chart.Annotations.Add(an);

an = new Annotation("Euler Diagram");
an.Position = new Point(450, 50);
an.DynamicSize = false;
an.Label.Font = new Font("Tahoma", 14);
an.Background.Color = Color.Transparent;
an.Line.Color = Color.Transparent;
Chart.Annotations.Add(an);

//Add a series
Series venn = new Series("Venn Diagram");
venn.DefaultElement.LabelTemplate = "%name";
venn.Elements.Add(new Element("Animals", 5));
venn.Elements.Add(new Element("Plants", 5));
Element el = new Element();
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal;
el.HatchColor = Color.Black;
el.YValue = 5;
el.XValue = double.MinValue;
SubValue sv = new SubValue();
sv.Name = "Mammals";
el.SubValues.Add(sv);
venn.Elements.Add(el);

el = new Element("", 1);
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal;
el.HatchColor = Color.Black;
el.XValue = double.MinValue;
sv = new SubValue();
sv.Name = "Animals";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Plants";
el.SubValues.Add(sv);
venn.Elements.Add(el);

el = new Element("", 1);
el.LabelTemplate = "Mammals";
el.XValue = double.MinValue;
sv = new SubValue();
sv.Name = "Animals";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Mammals";
el.SubValues.Add(sv);
venn.Elements.Add(el);

el = new Element("", 1);
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal;
el.HatchColor = Color.Black;
el.XValue = double.MinValue;
sv = new SubValue();
sv.Name = "Plants";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Mammals";
el.SubValues.Add(sv);
venn.Elements.Add(el);

el = new Element("", 1);
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal;
el.HatchColor = Color.Black;
el.XValue = double.MinValue;
sv = new SubValue();
sv.Name = "Animals";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Plants";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Mammals";
el.SubValues.Add(sv);
venn.Elements.Add(el);

Chart.SeriesCollection.Add(venn);

Series euler = new Series("Euler Diagram");
euler.DefaultElement.LabelTemplate = "%name";
euler.Elements.Add(new Element("Animals", 5));
euler.Elements.Add(new Element("Plants", 5));
euler.Elements.Add(new Element("Mammals", 2));
Element el2 = new Element();
el2.YValue = 2;
SubValue sv2 = new SubValue();
sv2.Name = "Animals";
el2.SubValues.Add(sv2);
sv2 = new SubValue();
sv2.Name = "Mammals";
el2.SubValues.Add(sv2);
euler.Elements.Add(el2);

Chart.SeriesCollection.Add(euler);

}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Venn sample</title></head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

<%@ Page Language="vb" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Demonstrates an illustration showing the difference between euler and venn diagrams.
Chart.Type = ChartType.Venn
Chart.Size = "700x480"
Chart.TitleBox.Label.Text = "Difference between Venn and Euler Diagrams"
Chart.TitleBox.Label.Font = New Font("Tahoma", 16, FontStyle.Regular)
Chart.TitleBox.Position = TitleBoxPosition.Center
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.DefaultElement.ShowValue = True
Chart.DefaultElement.Outline.Color = Color.Black
Chart.DefaultElement.Outline.Width = 2
Chart.DefaultElement.ToolTip = ""
Chart.Palette = New Color() { Color.White }

Chart.JS.Enabled = True
Chart.JS.Settings.Add("defaultSeries.mouseTracking.enabled", "false")

Dim an As Annotation = New Annotation("Venn Diagram")
an.Position = New Point(120, 50)
an.DynamicSize = False
an.Label.Font = New Font("Tahoma", 14)
an.Background.Color = Color.Transparent
an.Line.Color = Color.Transparent
Chart.Annotations.Add(an)

an = New Annotation("Euler Diagram")
an.Position = New Point(450, 50)
an.DynamicSize = False
an.Label.Font = New Font("Tahoma", 14)
an.Background.Color = Color.Transparent
an.Line.Color = Color.Transparent
Chart.Annotations.Add(an)

'Add a series
Dim venn As Series = New Series("Venn Diagram")
venn.DefaultElement.LabelTemplate = "%name"
venn.Elements.Add(New Element("Animals", 5))
venn.Elements.Add(New Element("Plants", 5))
Dim el As Element = New Element()
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal
el.HatchColor = Color.Black
el.YValue = 5
el.XValue = Double.MinValue
Dim sv As SubValue = New SubValue()
sv.Name = "Mammals"
el.SubValues.Add(sv)
venn.Elements.Add(el)

el = New Element("", 1)
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal
el.HatchColor = Color.Black
el.XValue = Double.MinValue
sv = New SubValue()
sv.Name = "Animals"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Plants"
el.SubValues.Add(sv)
venn.Elements.Add(el)

el = New Element("", 1)
el.LabelTemplate = "Mammals"
el.XValue = Double.MinValue
sv = New SubValue()
sv.Name = "Animals"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Mammals"
el.SubValues.Add(sv)
venn.Elements.Add(el)

el = New Element("", 1)
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal
el.HatchColor = Color.Black
el.XValue = Double.MinValue
sv = New SubValue()
sv.Name = "Plants"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Mammals"
el.SubValues.Add(sv)
venn.Elements.Add(el)

el = New Element("", 1)
el.HatchStyle = System.Drawing.Drawing2D.HatchStyle.Horizontal
el.HatchColor = Color.Black
el.XValue = Double.MinValue
sv = New SubValue()
sv.Name = "Animals"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Plants"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Mammals"
el.SubValues.Add(sv)
venn.Elements.Add(el)

Chart.SeriesCollection.Add(venn)

Dim euler As Series = New Series("Euler Diagram")
euler.DefaultElement.LabelTemplate = "%name"
euler.Elements.Add(New Element("Animals", 5))
euler.Elements.Add(New Element("Plants", 5))
euler.Elements.Add(New Element("Mammals", 2))
Dim el2 As Element = New Element()
el2.YValue = 2
Dim sv2 As SubValue = New SubValue()
sv2.Name = "Animals"
el2.SubValues.Add(sv2)
sv2 = New SubValue()
sv2.Name = "Mammals"
el2.SubValues.Add(sv2)
euler.Elements.Add(el2)

Chart.SeriesCollection.Add(euler)

End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Venn sample</title></head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

Sample FilenameJsVennEulerDifference.aspx
Version10.1
Uses DatabaseNo

JS Charting

Gallery

JS Venn Euler Difference