Use the Charting Editor tile of Syntelate Studio to design charts that you can display in desktops in Syntelate XA.
The Charting Editor tile supports two main types of chart: serial and pie/donut.
A serial chart has axes and presents data in columns, bars, or lines (or a hybrid of these). The following four serial charts all show the same data in different ways.
Tip: Try hovering over a chart and also clicking the legend.
A pie/donut chart presents data as “slices” of a circle or donut. The following pie and donut charts show the same data as the serial charts.
Tip: Try hovering over a chart and also clicking a slice.
Charts vs Graphs
There is an important distinction between charts and graphs in the Charting Editor.
- A chart refers to an entire diagram, including elements such as a title and legend.
- A graph refers specifically to a set of data that you show on a chart.
A pie/donut chart always has a single graph. A serial chart, however, can show multiple graphs.
For example, the serial charts above all show two graphs: one for Business Travel and one for Personal Travel. In the case of the column/line hybrid chart, these two graphs are of a different type.
The Charting Editor offers lots of customization options for your charts. The following are some of the key features.
You can show data from the following sources:
- Campaign (your Interaction table)
- Custom stored procedure
- Table or view
You can rotate a serial chart. A column chart then becomes a bar chart.
Look at the serial charts above and compare the column chart and the bar chart. The bar chart is really just a column chart with the Rotate property set.
For a serial chart with multiple graphs of the same type (for example, two column graphs), you can select how these graphs should be stacked.
|None (i.e. clustered)||The graphs sit beside one another.|
|Regular (i.e. stacked)||The graphs are stacked on top of one another|
|100%||The graphs are stacked on top of one another and values are shown as percentages.|
|3D||The graphs sit behind one another.|
You can show a legend on a serial chart or pie/donut chart.
The serial charts at the top of this page all include a legend.
A serial chart can include multiple value axesFor a column chart, the value axis is the vertical axis. For a bar chart, it is the horizontal axis.. You can then define on which axis each graph should be shown. For example, the following chart includes two vertical axes (one for number of calls and one for number of web chats):
You can add guides to a value axis of a serial chart. For example, the following chart shows a guide between 500 and 600 calls.
You can add one or more dropdowns to your chart. When a user selects an option in a dropdown, the chart dynamically updates.
You can set the colors used by the graphs of your serial chart or the slices of your pie/donut chart.
You can add a 3D effect to a column/bar chart or pie/donut chart. To do so, you simply set a Depth and an Angle.
Note: Don’t confuse this with applying a 3D stack type to a serial chart. You can apply a 3D effect to any column or bar chart, regardless of its stack type.
You can animate the appearance of data on your chart, or you can disable this.
The Charting Editor features a bunch of other customization options. For example, the following chart includes:
- A chat cursor that highlights an area of the chart on hover (try hovering over the chart)
- A scrollbar that lets you zoom (try dragging the icons up and down)