Skip to content
Open
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
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/bar.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Bar chart in React 3D Chart component | Syncfusion
description: Learn here all about bar chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Bar Chart in React 3D Charts | Syncfusion
description: Learn how to render a 3D bar chart in Syncfusion React 3D Charts to compare values across categories with a horizontal cylindrical look.
control: Bar Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Bar Chart in React 3D Chart component
# Bar Chart in React 3D Charts

## Bar chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/column.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Column Chart in React 3D Chart component | Syncfusion
description: Learn here all about column chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Column Chart in React 3D Charts | Syncfusion
description: Learn how to render a 3D column chart in Syncfusion React 3D Charts to compare values across categories with a vertical cylindrical look.
control: Column Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Column Chart in React 3D Chart control
# Column Chart in React 3D Charts

## Column chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/stack-bar.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Stacked Bar Chart in React 3D Chart component | Syncfusion
description: Learn here all about stacked bar chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Stacked Bar Chart in React 3D Charts | Syncfusion
description: Learn how to render a stacked 3D bar chart in Syncfusion React 3D Charts to show the contribution of multiple series to a total horizontal value.
control: Stack Bar Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---
# Stacked bar chart in React Chart component
# Stacked Bar Chart in React 3D Charts

## Stacked bar chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/stack-column.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Stacked Column Chart in React 3D Chart component | Syncfusion
description: Learn here all about stacked column chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Stacked Column Chart in React 3D Charts | Syncfusion
description: Learn how to render a stacked 3D column charts in Syncfusion React 3D Chart to show the contribution of multiple series to a total vertical value.
control: Stack Column Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Stacked column chart in React 3D Chart control
# Stacked Column Chart in React 3D Charts

## Stacked column chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/stacked-bar.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: 100% Stacked Bar Chart in React 3D Chart component | Syncfusion
description: Learn here all about 100% stacked bar chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: 100% Stacked Bar Chart in React 3D Charts | Syncfusion
description: Learn how to render a 100% stacked 3D bar chart in Syncfusion React 3D Charts to show the relative share of each category as a full horizontal bar.
control: Stack Bar Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# 100% Stacked bar chart in React 3D Chart control
# 100% Stacked Bar Chart in React 3D Charts

## 100% Stacked bar chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/Chart-types/stacked-column.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: 100% Stacked Column Chart in React 3D Chart component | Syncfusion
description: Learn here all about 100% stacked column chart in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: 100% Stacked Column Chart in React 3D Charts | Syncfusion
description: Learn how to render a 100% stacked 3D column chart in Syncfusion React 3D Charts to show the relative share of each category as a full vertical bar.
control: Stack Column Chart
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# 100% Stacked column chart in React 3D Chart control
# 100% Stacked Column Chart in React 3D Charts

## 100% Stacked column chart

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Accessibility in React 3D Chart component | Syncfusion
description: Learn here all about accessibility in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Accessibility in React 3D Charts | Syncfusion
description: Learn how Syncfusion React 3D Charts support accessibility with WAI-ARIA roles, attributes, and keyboard navigation for screen readers.
control: Accessibility
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Accessibility in React 3D Chart control
# Accessibility in React 3D Charts

Accessibility is achieved in the 3D chart control through WAI-ARIA standard and keyboard navigation. The 3D chart features can be effectively accessed through assistive technologies such as screen readers.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/appearance.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Appearance in React 3D Chart component | Syncfusion
description: Learn here all about appearance in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Appearance in React 3D Charts | Syncfusion
description: Learn how to customize the appearance of Syncfusion React 3D Charts with custom palettes, point colors, chart area, animation, rotation, and title styling.
control: Appearance
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Appearance in React 3D Chart control
# Appearance in React 3D Charts

## Custom color palette

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/axis-customization.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Axis customization in React 3D Chart component | Syncfusion
description: Learn here all about axis customization in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Axis Customization in React 3D Charts | Syncfusion
description: Learn how to customize axes in Syncfusion React 3D Charts with axis titles, tick lines, grid lines, multiple axes, inversed direction, and opposed position.
control: Axis Customization
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Axis customization in React 3D Chart control
# Axis Customization in React 3D Charts

## Title

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/axis-labels.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Axis labels in React 3D Chart component | Syncfusion
description: Learn here all about axis labels in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Axis Labels in React 3D Charts | Syncfusion
description: Learn how to handle axis labels in Syncfusion React 3D Charts with smart label placement, edge label fitting, and maximum labels per pixel range.
control: Axis Labels
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Axis labels in React 3D Chart control
# Axis Labels in React 3D Charts

Axis labels are the labels that are positioned adjacent to the y-axis and beneath the x-axis. It provides descriptive information about the axis.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/category-axis.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Category axis in React 3D Chart component | Syncfusion
description: Learn here all about category axis in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Category Axis in React 3D Charts | Syncfusion
description: Learn how to configure the category axis in the Syncfusion React 3D Charts to render text labels along the horizontal axis with flexible label placement.
control: Category Axis
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Category axis in React 3D Chart control
# Category Axis in React 3D Charts

The category axis is the horizontal axis of a 3D chart that shows text values rather than numerical values. Compared to the vertical axis, this axis has fewer labels. The following sample shows to render the 3D chart using category axis.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/data-label.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Data labels in React 3D Chart component | Syncfusion
description: Learn here all about data labels in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Data Labels in React 3D Charts | Syncfusion
description: Learn how to show point values on the Syncfusion React 3D Charts series using data labels with smart placement, text mapping, and template customization.
control: Data Label
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Data labels in React 3D Chart control
# Data Labels in React 3D Charts

Data labels are fields that includes information about the sample point connected to an output. It can be added to a chart series by enabling the [`visible`](https://helpej2.syncfusion.com/react/documentation/api/chart3d/dataLabelStyleModel#visible) option in the dataLabel. By default, the labels will arrange smartly without overlapping.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/datetime-axis.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: DateTime axis in React 3D Chart component | Syncfusion
description: Learn here all about DateTime axis in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: DateTime Axis in React 3D Charts | Syncfusion
description: Learn how to use the DateTime axis in the Syncfusion React 3D Charts to display time-scale values on the axis with a configurable date-time label format.
control: Datetime Axis
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# DateTime axis in React 3D Chart control
# DateTime Axis in React 3D Charts

## DateTime axis

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/dimensions.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Dimensions in React 3D Chart component | Syncfusion
description: Learn here all about dimensions in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Dimensions in React 3D Charts | Syncfusion
description: Learn how to set the Syncfusion React 3D Charts size to a fixed container, the parent element, or a custom width and height using CSS or inline style.
control: Dimensions
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Dimensions in React 3D Chart control
# Dimensions in React 3D Charts

## Size for container

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Getting started with React 3D Chart component | Syncfusion
description: Check out and learn about the Getting started with the React 3D Chart component of Syncfusion Essential JS 2 and more details.
control: Getting started
title: Getting Started with React 3D Charts | Syncfusion
description: Learn how to get started with the Syncfusion React 3D Charts Component. Explore setup, features, examples, and customization options.
control: Getting Started
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Getting started with React 3D Chart component
# Getting Started with React 3D Charts

This section describes the steps to create a simple 3D Chart component and demonstrates its basic usage.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/legend.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Legend in React 3D Chart component | Syncfusion
description: Learn here all about legend in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Legend in React 3D Charts | Syncfusion
description: Learn how to enable the legend in the Syncfusion React 3D Charts to identify each series, with options for position, shape, paging, and click toggling.
control: Legend
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---
<!-- markdownlint-disable MD036 -->

# Legend in React 3D Chart control
# Legend in React 3D Charts

<!-- markdownlint-disable MD036 -->

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/logarithmic-axis.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Logarithmic axis in React 3D Chart component | Syncfusion
description: Learn here all about logarithmic axis in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Logarithmic Axis in React 3D Charts | Syncfusion
description: Learn how to use the logarithmic axis in the Syncfusion React 3D Charts to plot data that spans several orders of magnitude on a customizable log scale.
control: Logarithmic Axis
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Logarithmic axis in React 3D Chart control
# Logarithmic Axis in React 3D Charts

Logarithmic axis uses logarithmic scale and it is very useful in visualizing data, when it has numerical values in both lower order of magnitude (eg: 10<sup>-6</sup>) and higher order of magnitude (eg: 10<sup>6</sup>).

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/multiple-pane.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Multiple panes in React 3D Chart component | Syncfusion
description: Learn here all about multiple panes in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Multiple Panes in React 3D Charts | Syncfusion
description: Learn how to split the Syncfusion React 3D Charts plot area into rows and columns of sized panes to compare multiple series in a single chart.
control: Multiple Panes
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Multiple panes in React 3D Chart control
# Multiple Panes in React 3D Charts

The chart area can be divided into multiple panes using [`rows`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#rows) and [`columns`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#columns).

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/numeric-axis.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
---
layout: post
title: Numeric axis in React 3D Chart component | Syncfusion
description: Learn here all about numeric axis in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Numeric Axis in React 3D Charts | Syncfusion
description: Learn how to use the numeric axis in the Syncfusion React 3D Charts to plot double values with optional range padding, formatting, and label customization.
control: Numeric Axis
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

<!-- markdownlint-disable MD036 -->

# Numeric axis in React 3D Chart control
# Numeric Axis in React 3D Charts

The numeric axis can be used to represent the numeric values of data in 3D chart. By default, the `valueType` of an axis is **Double**.

Expand Down
8 changes: 4 additions & 4 deletions chart-sdk/react/3d-charts/print-export.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Print and Export in React 3D Chart component | Syncfusion
description: Learn here all about print and export in Syncfusion React 3D Chart component of Syncfusion Essential JS 2 and more.
control: 3D Chart
title: Print and Export in React 3D Charts | Syncfusion
description: Learn how to print or export the Syncfusion React 3D Charts to PDF, image, or SVG using the public print and export methods on the chart instance.
control: Print
platform: chart-sdk
documentation: ug
domainurl: https://help.syncfusion.com/chart-sdk
---

# Print and Export in React 3D Chart control
# Print and Export in React 3D Charts

## Print

Expand Down
Loading