Skip to content

Latest commit

 

History

History
60 lines (34 loc) · 2.81 KB

getting-started-with-code-component.md

File metadata and controls

60 lines (34 loc) · 2.81 KB
Raw

Getting Started with Syncfusion Pivotview Code Component in Local (TestHarness)

This article provides a step-by-step guide to run the Syncfusion Pivotview code component in local (TestHarness).

Prerequisites

Before getting started with the Syncfusion Pivotview code component, ensure the following prerequisites are satisfied:

Rapid utilization of Pivotview code component

To run the Syncfusion Pivotview code component, follow these steps:

  1. Ensure that all the prerequisites are met.

  2. Open a command prompt (cmd) and navigate to the Pivotview code component, which is located in the components/pivotview/ folder.

  3. Utilize the following command to install the dependent packages:

npm install
  1. Execute the sample with the following command to visualize the Pivotview code component:
npm start watch

Output1

  1. Now, within the Data Inputs section of the property pane, designate the data source for the Pivotview code component using the pivotViewData.csv.

Note

After loading the data source, proceed to select the required column types of DataSource section in the property pane. For example, assign the Whole.None column type for the Sold column of DataSource property.

CSV Import

  1. After loading the CSV file, click the Apply button to load the data source in the Pivotview code component.

  2. Once the data is loaded, include the necessary pivotViewConfig data for the Pivotview code component by accessing the pivotViewConfig property and paste the PivotView config data.

Output2

  1. Customize the Pivotview code component properties in the right property pane.

Note

Additionally, explore the API documentation for comprehensive details on the properties, methods, and events of the Pivotview code component.

See also