Pie Chart

Creating the Chart

From the WCMS content browser, click “New Content” and then select “Chart” when prompted.

Note that the chart editor opens with default data, allowing you to experiment with the various configuration options.

Importing the Data

1. Open the “Import Data” tab and select the Chart Type.
2. If applicable, select a chart sub type (line and pie chart types only).
3. Under “Load Your Data,” click the link for the location of the data:  “From URL” or “From Local File.”  (Note that if you select “From URL,” you can also check “Automatically Update Data” to keep the chart data in sync with the data source.)
4. Specify the data source as prompted. Once the data have imported successfully, the chart editor shows a preview of the imported data and asks you to select from two illustrations to indicate which best represents the preview data.
5. Indicate the structure of the data source by selecting one of the illustrations. (In the screen capture below, the second illustration best illustrates the preview data.)

Mapping the Data

If you selected the illustration on the right in step 5 above, the chart editor needs to know how to parse the source data.  This involves selection of the column containing the pie segment data names and the column of values.  (Note that you can override the data labels in the Chart Configuration tab.)  If there are multiple values for each data segment, you can also select “Add” or “Average” for the Aggregation method.

Applying Data to Chart

Once you have mapped the data, don’t forget to click “Apply Data to Chart” (the blue button at the bottom of the Import Data tab).

Chart Configuration

Before designing your chart, make certain you have applied the data.  (In the Data Import tab, click “Apply Data to Chart.”)   Then open the Chart Configuration tab.

The design configuration options are grouped by topic with links at the top of the tab. Key options for pie charts are explained below by group.

General

• Font Size: There are five size options for font. These options affect all fonts on the chart by preset amounts.

Visualization

• Color Palette:  Select from four color palettes:

• Display Labels Outside Segment:  If there are more than four or five pie segments, checking this option may improve readability of the data.

Table

• Date Display Format: Use this option change how dates in the data table.  To see a reference of formatting options, click the tooltip icon (the question mark to the right of the field).
• Number Display Format:  Select for format for numbers in the table.
• Table Data Header:  For pie charts, provide a header for the table.
• Show Percentage:  For pie charts, indicate whether to include percentages in the table.
• Date Display Format: Use this option change how dates in the chart timeline display.  To see a reference of formatting options, click the tooltip icon (the question mark to the right of the field).

Share

The Share section allows you to set the title, description, and URL for social media posts.  It also allows you to share embed code for the chart.