Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The ability to design complex and visually stunning Charts is a key feature to getting the most out of Zoola™. This case study (comprised of a collection of in-depth formatting walkthroughs) covers the use of Advanced Formatting commands in the Ad Hoc Editor, and walks you through creating several unique and customizable chart appearances.

For a full list of the Advanced Formatting commands and a quick-start walkthrough for opening the Advanced Chart Formatting window, see the Advanced Chart Formatting article. 

This case study assumes that you are comfortable working with the Ad Hoc Editor. For information on the Ad Hoc Editor, Charts, and views, see the Ad Hoc Editor section.

This case study is comprised of the following walkthroughs, each outlining the formatting steps needed for a unique chart visualization:

 

 

 

  • Spider Chart
  • Bubble Chart
  • Scatter Chart
  • Dual-Axis Chart
  • Multi-Axis Chart
  • Time Series Chart

 

Spider Area Charts


HTML
<img class="confluence-embedded-image image-center" width="100%" src="/download/attachments/2064409/SpiderArea.png?version=1&amp;modificationDate=1477692705856&amp;api=v2" data-image-src="/download/attachments/2064409/SpiderArea.png?version=1&amp;modificationDate=1477692705856&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="2064479" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="SpiderArea.png" data-base-url="https://help.zoola.io" data-linked-resource-content-type="image/png" data-linked-resource-container-id="2064409" data-linked-resource-container-version="4">

Multi-Axis Charts

 

HTML
<img class="confluence-embedded-image" width: 100vw30vw;" src="/download/attachments/2064409/MultiAxisFinal1.png?version=1&amp;modificationDate=1477945913154&amp;api=v2" data-image-src="/download/attachments/2064409/MultiAxisFinal1.png?version=1&amp;modificationDate=1477945913154&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="2064522" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="MultiAxisFinal1.png" data-base-url="https://help.zoola.io" data-linked-resource-content-type="image/png" data-linked-resource-container-id="2064409" data-linked-resource-container-version="15">