Skip to content

SEO-177700-JS-dropped-keywords-issue-fixes #435

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions js/Chart/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ Initialize the chart by using the ejChart method. The chart is rendered to the s

Now, the Chart is rendered with some auto-generated random values and with default Column chart type.

![JavaScript Chart getting started](Getting-Started_images/Getting-Started_img1.png)
![JavaScript Chart getting started.](Getting-Started_images/javascript-chart-getting-started.png)


## Populate chart with data
Expand Down Expand Up @@ -143,7 +143,7 @@ Now, map the month and sales values in the data source to the line series by set

{% endhighlight %}

![JavaScript Chart Populate chart with data](Getting-Started_images/Getting-Started_img2.png)
![JavaScript Chart Populate chart with data.](Getting-Started_images/javascript-chart-data.png)


Since the data is related to sales, format the vertical axis labels by adding ‘$’ as a prefix and ‘K’ as a suffix to each label. This can be achieved by setting the "${value}K" to the [`labelFormat`](../api/ejchart#members:primaryxaxis-labelformat) option of the axis. Here, {value} acts as a placeholder for each axis label, "$" and "K" are the actual prefix and suffix added to each axis label.
Expand All @@ -165,7 +165,7 @@ The following code example illustrates this,

{% endhighlight %}

![JavaScript Chart axis](Getting-Started_images/Getting-Started_img3.png)
![JavaScript Chart axis.](Getting-Started_images/javascript-chart-axis.png)


Refer to the [`Axis`](axis) section to know more about axis types, adding multiple axes and other customization options.
Expand Down Expand Up @@ -197,7 +197,7 @@ The following code example illustrates this,

{% endhighlight %}

![JavaScript Chart Add Data Labels](Getting-Started_images/Getting-Started_img4.png)
![JavaScript Chart Add Data Labels.](Getting-Started_images/javascript-chart-data-labels.png)


There are situations where the default label content is not sufficient to the user. In this case, you can use the [`template`](../api/ejchart#members:series-marker-datalabel-template) option to format the label content with some additional information.
Expand Down Expand Up @@ -241,7 +241,7 @@ The following code example shows how to set the id of the above template to [`te

{% endhighlight %}

![JavaScript Chart data marker](Getting-Started_images/Getting-Started_img5.png)
![JavaScript Chart data marker.](Getting-Started_images/javascript-chart-data-marker.png)


Refer to the [`Data Markers`](Data-Markers.html) section to know more about the options available to customize it.
Expand Down Expand Up @@ -272,7 +272,7 @@ You can enable or disable the legend by using the [`visible`](../api/ejchart#mem

{% endhighlight %}

![JavaScript Chart Enable Legend](Getting-Started_images/Getting-Started_img6.png)
![JavaScript Chart Enable Legend.](Getting-Started_images/javascript-chart-legend.png)


Refer to the [`Legend`](Legend.html) section to know more about how to position legend and customize its appearance.
Expand Down Expand Up @@ -300,7 +300,7 @@ The following code example illustrates this,

{% endhighlight %}

![JavaScript Chart Enable Tooltip](Getting-Started_images/Getting-Started_img7.png)
![JavaScript Chart Enable Tooltip.](Getting-Started_images/javascript-chart-tooltip.png)


Refer to the [`Tooltip`](user-interactions.html) section to know more about formatting tooltip contents and customizing its appearance.
Expand All @@ -324,7 +324,7 @@ You need to add a title to the chart to provide quick information to the user ab

{% endhighlight %}

![JavaScript Chart Add Chart Title](Getting-Started_images/Getting-Started_img8.png)
![JavaScript Chart Add Chart Title.](Getting-Started_images/javascript-chart-title.png)


Refer to the [`Chart Title`](chart-title.html) section to know more about aligning title, customizing its appearance and adding subtitle to the chart.
14 changes: 7 additions & 7 deletions js/DateTimePicker/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting Started with JavaScript DateTime Picker Control | Syncfusion
description: Learn here about getting started with Syncfusion Essential JavaScript DateTime Picker control, its elements, and more details.
platform: js
control: DateTimePicker
documentation: ug
api: /api/js/ejdatetimepicker
---

# Getting Started
# Getting Started with JavaScript DateTime Picker

This section explains briefly about how to create a **DateTimePicker** in your application with **JavaScript**.

Expand All @@ -18,7 +18,7 @@ The following screenshot illustrates the functionality of a **DateTimePicker** w



![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img1.png)
![JavaScript DateTime Picker getting started.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-functionality.png)

## Create DateTimePicker

Expand Down Expand Up @@ -107,7 +107,7 @@ Initialize **DateTimePicker** in the script.

The following screenshot displays a **DateTimePicker** control.

![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img.png)
![JavaScript DateTime Picker screenshot display.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-screenshot.png)


## Get / Set value
Expand Down Expand Up @@ -159,7 +159,7 @@ You can assign values after initialization in DateTimePicker (‘it helps to get

The following screenshot displays a **DateTimePicker** control with datetime value.

![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img2.png)
![Javascript DateTime Picker datetime value.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-value.png)


## Set the Min and Max Date with Time Interval
Expand All @@ -183,5 +183,5 @@ In a real-time appointment scenario, the appointment is open only for a limited

The following screenshot shows the output for the above code example.

![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img3.png)
![Javascript DateTime Picker output screenshot.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-output-screenshot.png)

4 changes: 2 additions & 2 deletions js/Schedule/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Getting started with JavaScript Schedule Control | Syncfusion
title: Getting Started with JavaScript Schedule Control | Syncfusion
description: Learn here about getting started with Syncfusion Essential JavaScript Schedule Control, its elements, and more.
platform: js
control: schedule
Expand Down Expand Up @@ -193,6 +193,6 @@ $(function() { // Document is ready

{% endhighlight %}

![JavaScript Schedule Mapper Fields](Getting-Started_images/Getting-Started_img1.png)
![JavaScript Schedule Mapper Fields.](Getting-Started_images/javascript-scheduler-mapper-field.png)