Chart component added

ej2-asp-core-mvc/accumulation-chart/EJ2_ASP.MVC/annotation.md

@@ -0,0 +1,131 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Annotation of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Annotation
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Annotation
+
+The annotations are used to mark the specific area of interest in the chart area with texts, shapes or images.
+
+<!-- markdownlint-disable MD033 -->
+
+By using the <code>content</code> option of annotation property, you can specify the Id of the element that needs to be displayed in the chart area.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/annotation/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Annotation.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/annotation/annotation.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/annotation/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Annotation.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/annotation/annotation.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+## Region
+
+The annotation can be placed with respect to either `Series` or `Chart`.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/region/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Region.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/region/region.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/region/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Region.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/region/region.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+## Co-ordinate Units
+
+Specifies the coordinate units of an annotation either in `Pixel` or `Point`.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/co-ordinate/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Co-ordinate.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/co-ordinate/co-ordinate.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/co-ordinate/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Co-ordinate.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/co-ordinate/co-ordinate.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+## Alignment
+
+The annotations can be moved vertically and horizontally from its default position by using `VerticalAlignment`
+or `HorizontalAlignment` properties. The verticalAlignment property takes value as `Top`, `Bottom` or `Middle` and the
+horizontalAlignment property takes value as `Near`, `Far` or `Center`.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/alignment/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Alignment.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/alignment/alignment.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/annotation/alignment/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Alignment.cs" %}
+{% include code-snippet/chart/accumulation-charts/annotation/alignment/alignment.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+

ej2-asp-core-mvc/accumulation-chart/EJ2_ASP.MVC/chart-print.md

@@ -0,0 +1,70 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Chart Print of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Chart Print
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Print and Export
+
+## Print
+
+The rendered chart can be printed directly from the browser by calling the public method print.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/print/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Print.cs" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/print/print.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/print/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Print.cs" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/print/print.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+## Export
+
+The rendered chart can be exported to `Image`(jpeg or png) or `SVG` or `PDF` format by using the export method.
+Input parameters for this method are `Export` Type for `format` and `fileName` of result.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/export/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Export.cs" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/export/export.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/export/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Export.cs" %}
+{% include code-snippet/chart/accumulation-charts/chart-print/export/export.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+