Skip to content
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
8 changes: 4 additions & 4 deletions PHP/Button/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting Started with PHP Button Control | Syncfusion
description: Learn here about getting started with Syncfusion Essential PHP Button Control, its elements, and more.
platform: js
control: Button
documentation: ug
---

# Getting Started
# Getting Started with PHP Button

This section explains briefly about the necessary steps required to render and configure EJ Button control using PHP wrapper classes.

Expand Down Expand Up @@ -36,4 +36,4 @@ Create a Button control by instantiating the PHP wrapper class available in EJ n

Execute the above code to render the following output.

![](/php/Button/Getting-Started_images/Getting-Started_img1.JPG)
![PHP Button Widget](Getting-Started_images/Getting-Started_img1.JPG)
22 changes: 11 additions & 11 deletions PHP/Chart/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting Started for Essential PHP Chart
description: How to create a chart, add series, enable tooltip and other features in Chart.
title: Getting Started with PHP Chart Control | Syncfusion
description: Learn here about getting started with Syncfusion Essential PHP Chart Control, its elements, and more.
platform: php
control: Chart
documentation: ug
---

# Getting Started
# Getting Started with PHP Chart

This section explains you the steps required to populate the Chart with data, add data labels, tooltips and title to the Chart. This section covers only the minimal features that you need to know to get started with the Chart.

Expand Down Expand Up @@ -62,7 +62,7 @@ Add the following code in the index.php file to create the Chart control in inde

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

![](Getting-Started_images/Getting-Started_img1.png)
![PHP Initialize Chart](Getting-Started_images/Getting-Started_img1.png)


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

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img2.png)
![PHP Chart with data](Getting-Started_images/Getting-Started_img2.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* 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 @@ -151,7 +151,7 @@ Since the data is related to sales, format the vertical axis labels by adding

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img3.png)
![PHP Chart Add Data Labels](Getting-Started_images/Getting-Started_img3.png)


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

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img4.png)
![PHP Chart Add Data Labels](Getting-Started_images/Getting-Started_img4.png)


There are situations where the default label content is not sufficient to the user. In this case, you can use the *template* option to format the label content with some additional information.
Expand Down Expand Up @@ -228,7 +228,7 @@ The following code example shows how to set the id of the above template to *tem

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img5.png)
![PHP Chart data markers](Getting-Started_images/Getting-Started_img5.png)


Refer to the Data Markers section to know more about the options available to customize it.
Expand Down Expand Up @@ -257,7 +257,7 @@ You can enable or disable the legend by using the *visible* option in the **lege

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img6.png)
![PHP Chart Enable Legend](Getting-Started_images/Getting-Started_img6.png)


Refer to the Legend section to know more about how to position legend and customize its appearance.
Expand Down Expand Up @@ -287,7 +287,7 @@ The following code example illustrates this,

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img7.png)
![PHP Chart Enable Tooltip](Getting-Started_images/Getting-Started_img7.png)


Refer to the Tooltip section to know more about formatting tooltip contents and customizing its appearance.
Expand All @@ -311,7 +311,7 @@ You need to add a title to the chart to provide quick information to the user ab

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img8.png)
![PHP Chart add title](Getting-Started_images/Getting-Started_img8.png)


Refer to the Chart Title section to know more about aligning title, customizing its appearance and adding subtitle to the chart.