Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
50 commits
Select commit Hold shift + click to select a range
827a7d6
Integrated latest changes at 04-22-2026 7:41:30 PM
SyncfusionBuild Apr 22, 2026
63f49b9
Integrated latest changes at 04-24-2026 7:44:19 PM
SyncfusionBuild Apr 24, 2026
07bdfed
Integrated latest changes at 04-28-2026 7:35:18 PM
SyncfusionBuild Apr 28, 2026
480d6ff
Integrated latest changes at 04-30-2026 7:31:27 PM
SyncfusionBuild Apr 30, 2026
e34f413
Integrated latest changes at 05-01-2026 7:36:29 PM
SyncfusionBuild May 1, 2026
8bfbe76
Integrated latest changes at 05-05-2026 7:30:29 PM
SyncfusionBuild May 5, 2026
d8805ce
Integrated latest changes at 05-06-2026 7:31:20 PM
SyncfusionBuild May 6, 2026
2e6c748
Integrated latest changes at 05-07-2026 7:42:16 PM
SyncfusionBuild May 7, 2026
3bfc0f6
Integrated latest changes at 05-08-2026 7:30:04 PM
SyncfusionBuild May 8, 2026
e7973f0
Integrated latest changes at 05-10-2026 7:30:04 PM
SyncfusionBuild May 10, 2026
080c90d
Integrated latest changes at 05-11-2026 7:30:04 PM
SyncfusionBuild May 11, 2026
c1e40a5
Integrated latest changes at 05-13-2026 7:30:04 PM
SyncfusionBuild May 13, 2026
d714881
Integrated latest changes at 05-14-2026 7:30:04 PM
SyncfusionBuild May 14, 2026
e11d3f3
Integrated latest changes at 05-15-2026 7:30:04 PM
SyncfusionBuild May 15, 2026
216708f
Integrated latest changes at 05-16-2026 7:30:04 PM
SyncfusionBuild May 16, 2026
dedbe86
Integrated latest changes at 05-17-2026 7:30:04 PM
SyncfusionBuild May 17, 2026
b9bb21e
Integrated latest changes at 05-18-2026 7:30:04 PM
SyncfusionBuild May 18, 2026
bfd65d6
Integrated latest changes at 05-19-2026 7:30:04 PM
SyncfusionBuild May 19, 2026
d2a6f39
Integrated latest changes at 05-20-2026 7:30:04 PM
SyncfusionBuild May 20, 2026
98ff2b1
Integrated latest changes at 05-21-2026 7:30:04 PM
SyncfusionBuild May 21, 2026
f9be590
Integrated latest changes at 05-22-2026 12:33:26 AM
SyncfusionBuild May 21, 2026
29fe7b4
Integrated latest changes at 05-22-2026 7:30:04 PM
SyncfusionBuild May 22, 2026
97e82ba
Integrated latest changes at 05-23-2026 7:30:04 PM
SyncfusionBuild May 23, 2026
9b9d83c
Integrated latest changes at 05-25-2026 7:30:04 PM
SyncfusionBuild May 25, 2026
5e49766
Integrated latest changes at 05-26-2026 7:30:04 PM
SyncfusionBuild May 26, 2026
fda72a4
Integrated latest changes at 05-27-2026 7:30:04 PM
SyncfusionBuild May 27, 2026
47efe1a
Integrated latest changes at 05-28-2026 7:30:04 PM
SyncfusionBuild May 28, 2026
52b9cc4
Integrated latest changes at 05-30-2026 7:30:03 PM
SyncfusionBuild May 30, 2026
0c846f7
Integrated latest changes at 06-01-2026 7:30:04 PM
SyncfusionBuild Jun 1, 2026
9a4cc77
Integrated latest changes at 06-02-2026 7:30:04 PM
SyncfusionBuild Jun 2, 2026
3c30b01
Integrated latest changes at 06-03-2026 7:30:04 PM
SyncfusionBuild Jun 3, 2026
1d89778
Integrated latest changes at 06-04-2026 7:30:04 PM
SyncfusionBuild Jun 4, 2026
ccdfb2e
Integrated latest changes at 06-09-2026 7:30:04 PM
SyncfusionBuild Jun 9, 2026
ee658aa
Integrated latest changes at 06-10-2026 7:30:04 PM
SyncfusionBuild Jun 10, 2026
6839324
Integrated latest changes at 06-11-2026 7:30:04 PM
SyncfusionBuild Jun 11, 2026
71c7a69
Integrated latest changes at 06-12-2026 7:30:04 PM
SyncfusionBuild Jun 12, 2026
3da6550
Integrated latest changes at 06-15-2026 7:30:04 PM
SyncfusionBuild Jun 15, 2026
b13093e
Integrated latest changes at 06-16-2026 7:30:04 PM
SyncfusionBuild Jun 16, 2026
4591a3e
Integrated latest changes at 06-18-2026 7:30:04 PM
SyncfusionBuild Jun 18, 2026
8350f13
Integrated latest changes at 06-19-2026 7:30:04 PM
SyncfusionBuild Jun 19, 2026
dddb62e
Integrated latest changes at 06-20-2026 7:30:04 PM
SyncfusionBuild Jun 20, 2026
0d7aac9
Integrated latest changes at 06-22-2026 7:30:04 PM
SyncfusionBuild Jun 22, 2026
1ee1d42
Integrated latest changes at 06-23-2026 7:30:04 PM
SyncfusionBuild Jun 23, 2026
bcdc642
Integrated latest changes at 06-25-2026 7:30:04 PM
SyncfusionBuild Jun 25, 2026
b8a7613
Integrated latest changes at 06-26-2026 11:47:44 AM
SyncfusionBuild Jun 26, 2026
2655d1c
Integrated latest changes at 06-26-2026 7:30:04 PM
SyncfusionBuild Jun 26, 2026
052aabf
Integrated latest changes at 06-27-2026 7:30:04 PM
SyncfusionBuild Jun 27, 2026
a739048
Integrated latest changes at 06-29-2026 7:30:04 PM
SyncfusionBuild Jun 29, 2026
3868812
Merge branch 'master' of https://github.com/syncfusion-content/ej2-re…
NithyaSivaprakasam Jun 30, 2026
b876d91
Merge branch 'master' of https://github.com/syncfusion-content/ej2-re…
NithyaSivaprakasam Jun 30, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
7 changes: 6 additions & 1 deletion ej2-react-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,7 @@
<li><a href="/ej2-react/appearance/styled-component">Styled Component Support</a></li>
<li><a href="/ej2-react/appearance/css-variables">CSS Variables</a></li>
<li><a href="/ej2-react/appearance/figma">Figma UI Kits</a></li>
<li><a href="/ej2-react/appearance/migration-styles">Migration to Theme Packages</a></li>
</ul>
</li>
<li>
Expand Down Expand Up @@ -267,6 +268,8 @@
<li><a href="/ej2-react/ai-assistview/toolbar-items">Toolbar items</a></li>
<li><a href="/ej2-react/ai-assistview/custom-view">Custom views</a></li>
<li><a href="/ej2-react/ai-assistview/file-attachments">File attachments</a></li>
<li><a href="/ej2-react/ai-assistview/chain-of-thoughts">Chain of Thoughts</a></li>
<li><a href="/ej2-react/ai-assistview/generative-ui">Generative UI</a></li>
<li><a href="/ej2-react/ai-assistview/templates">Templates</a></li>
<li>Speech
<ul>
Expand Down Expand Up @@ -1267,11 +1270,12 @@
<li><a href="/ej2-react/gantt/loading-animation">Loading Animation</a></li>
</ul>
</li>
<li>Connecting to Adaptors
<li>Connecting to Adaptors
<ul>
<li><a href="/ej2-react/gantt/connecting-to-adaptors/odatav4-adaptor">ODataV4 Adaptor</a></li>
<li><a href="/ej2-react/gantt/connecting-to-adaptors/web-method-adaptor">Web Method Adaptor</a></li>
<li><a href="/ej2-react/gantt/connecting-to-adaptors/remote-save-adaptor">Remote Save Adaptor</a></li>
<li><a href="/ej2-react/gantt/connecting-to-adaptors/custom-adaptor">Custom Adaptor</a></li>
<li><a href="/ej2-react/gantt/connecting-to-adaptors/graphql-adaptor">GraphQL Adaptor</a></li>
</ul>
</li>
Expand Down Expand Up @@ -3185,6 +3189,7 @@
</ul>
</li> <li>Release Notes
<ul>
<li>2026 Volume 2 - 34.*<ul><li><a href="/ej2-react/release-notes/34.1.29">34.1.29 Main Release</a></li></ul></li>
<li>2026 Volume 1 - 33.*
<ul>
<li>Weekly Release
Expand Down
50 changes: 50 additions & 0 deletions ej2-react/3d-chart/tool-tip.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,56 @@ By default, tooltip shows information of x and y value in points. In addition to

{% previewsample "page.domainurl/code-snippet/3d-chart/tooltip/tooltip-cs3" %}

## Inline tooltip formatting

The tooltip content can be formatted directly within the [`format`](https://ej2.syncfusion.com/react/documentation/api/chart3d/tooltipsettings#format) property by adding DateTime or number format specifiers to supported tooltip tokens. This allows you to control how point and series values are displayed without using additional events.

A format specifier can be applied to a tooltip token by adding a colon (`:`) followed by the required format.

For example:

```typescript
const tooltip = {
enable: true,
format: '${series.name} (${series.type})<br>${point.x:MMM yyyy} : ${point.y:n2}<br>Opacity: ${series.opacity}'
};
```

In the above example, `point.x` is displayed in month-year format, `point.y` is displayed with two decimal places, and `series.opacity` displays the opacity value applied to the series.

Inline formatting can be applied to the following tooltip tokens:

- `point.x` – Specifies the x-value of the data point, such as DateTime or category values.
- `point.y` – Specifies the numeric y-value of the data point.
- `series.name` – Specifies the name assigned to the series.
- `series.type` – Specifies the rendering type of the series, such as `Column`, `Bar`, `Line`, or `StackingColumn`.
- `series.opacity` – Specifies the opacity value applied to the series. This value controls the visual transparency of the series and can be customized in the series configuration.

**Important:** The availability of point-specific tokens depends on the values configured in the data source and the 3D chart series type. The `series.name` and `series.type` tokens return string values, so DateTime or number formatting is not applied to these tokens.

The following format types are supported:

- DateTime formats such as `MMM yyyy`, `MM:yy`, and `dd MMM`
- Number formats such as:
- `n2` – number with two decimal places
- `n0` – number without decimal places
- `c2` – currency format
- `p1` – percentage format
- `e1` – exponential notation

If the specified format does not match the resolved value type, the original value is displayed.

{% tabs %}
{% highlight js tabtitle="index.jsx" %}
{% include code-snippet/3d-chart/tooltip/tooltip-cs6/app/index.jsx %}
{% endhighlight %}
{% highlight ts tabtitle="index.tsx" %}
{% include code-snippet/3d-chart/tooltip/tooltip-cs6/app/index.tsx %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/3d-chart/tooltip/tooltip-cs6" %}

## Tooltip template

Any HTML elements can be displayed in the tooltip by using the [`template`](https://ej2.syncfusion.com/react/documentation/api/chart3d/threeDimensionalTooltipSettingsModel#template) property of the tooltip. The ${x} and ${y} can be used as place holders in the HTML element to display the x and y values of the corresponding data point.
Expand Down
16 changes: 16 additions & 0 deletions ej2-react/Release-notes/34.1.29.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
title: Essential Studio for React Release Notes
description: Learn here about the controls in the Essential Studio for React 2026 Volume 2 Main Release - Release Notes
platform: ej2-react
documentation: ug
---

# Essential Studio for React - v34.1.29 Release Notes

{% include release-info.html date="June 29, 2026" version="v34.1.29" %}

{% directory path: _includes/release-notes/v34.1.29 %}

{% include {{file.url}} %}

{% enddirectory %}
15 changes: 15 additions & 0 deletions ej2-react/accumulation-chart/pie-dough-nut.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,21 @@ To achieve a doughnut in pie series, customize the [`innerRadius`](https://ej2.s

{% previewsample "page.domainurl/code-snippet/chart/preview-sample/series/doughnut-cs1" %}

## Multiple Donut

You can create multiple donuts within a single chart by adding multiple series with different [`innerRadius`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationSeries#innerradius) and [`radius`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationSeries#radius) values. This allows you to compare multiple data sets with the same categories. Each series can have different data, colors, and customizations. You can also use the [`mappingKey`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationLegendSettings#mappingkey) property in `legendSettings` to map the legend items based on the specified field from the data source. When set, points with matching `mappingKey` values are grouped into a single legend item.

{% tabs %}
{% highlight js tabtitle="index.jsx" %}
{% include code-snippet/chart/code-path/series/multiple-doughnut-cs1/app/index.jsx %}
{% endhighlight %}
{% highlight ts tabtitle="index.tsx" %}
{% include code-snippet/chart/code-path/series/multiple-doughnut-cs1/app/index.tsx %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/chart/preview-sample/series/multiple-doughnut-cs1" %}

## Start and end angles

You can customize the start and end angle of the pie series using the [`startAngle`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationSeries#startangle) and [`endAngle`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationSeries#endangle) properties. The default value of `startAngle` is 0 degree, and `endAngle` is 360 degrees. By customizing this, you can achieve a semi pie series.
Expand Down
56 changes: 56 additions & 0 deletions ej2-react/accumulation-chart/tool-tip.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,62 @@ By default, tooltip shows information of x and y value in points. In addition to

{% previewsample "page.domainurl/code-snippet/chart/preview-sample/series/legend-cs15" %}

## Inline tooltip formatting

The tooltip content can be formatted directly within the [`format`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/tooltipsettings#format) property by adding DateTime or number format specifiers to supported tooltip tokens. This allows you to control how point and series values are displayed without using additional events.

A format specifier can be applied to a tooltip token by adding a colon (`:`) followed by the required format.

For example:

```typescript
const tooltip = {
enable: true,
format: '${series.name}<br>${point.x} : ${point.y:n2}<br>Percentage: ${point.percentage:p1}<br>Opacity: ${series.opacity}'
};
```

In the above example, `point.y` is displayed with two decimal places, `point.percentage` is displayed in percentage format, and `series.opacity` displays the opacity value applied to the series.

Inline formatting can be applied to the following tooltip tokens:

- `point.x` – Specifies the x-value or category value of the accumulation chart point.
- `point.y` – Specifies the numeric y-value of the accumulation chart point.
- `point.percentage` – Specifies the percentage contribution of the point value in the accumulation chart.
- `point.text` – Specifies the text value mapped to the point, when text mapping is configured.
- `point.tooltip` – Specifies the tooltip value mapped from the data source, when tooltip mapping is configured.
- `point.index` – Specifies the index position of the point in the accumulation chart.
- `point.color` – Specifies the fill color applied to the point.
- `point.visible` – Specifies the visibility state of the point.
- `series.name` – Specifies the name assigned to the accumulation chart series.
- `series.type` – Specifies the rendering type of the accumulation chart series, such as `Pie`, `Doughnut`, `Pyramid`, or `Funnel`.
- `series.opacity` – Specifies the opacity value applied to the accumulation chart series. This value controls the visual transparency of the series and can be customized in the series configuration.

**Important:** The availability of point-specific tokens depends on the values configured in the data source and the accumulation chart series type. For example, `point.percentage` is useful for pie and doughnut charts, while `point.text` and `point.tooltip` depend on the corresponding field mappings. The `series.name` and `series.type` tokens return string values, so DateTime or number formatting is not applied to these tokens.

The following format types are supported:

- DateTime formats such as `MMM yyyy`, `MM:yy`, and `dd MMM`
- Number formats such as:
- `n2` – number with two decimal places
- `n0` – number without decimals
- `c2` – currency format
- `p1` – percentage format
- `e1` – exponential notation

If the specified format does not match the resolved value type, the original value is displayed.

{% tabs %}
{% highlight js tabtitle="index.jsx" %}
{% include code-snippet/chart/code-path/user-interaction/tooltip-format/app/index.jsx %}
{% endhighlight %}
{% highlight ts tabtitle="index.tsx" %}
{% include code-snippet/chart/code-path/user-interaction/tooltip-format/app/index.tsx %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/chart/preview-sample/user-interaction/tooltip-format" %}

## Tooltip mapping name

By default, tooltip shows information of x and y value in points. You can show more information from datasource in tooltip by using the [`tooltipMappingName`](https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/accumulationSeriesModel#tooltipmappingname) property of the tooltip. You can use the `${point.tooltip}` as place holders to display the specified tooltip content.
Expand Down
Loading