Difference between revisions of "Chart Display Editor"

From dataZoa Wiki
Jump to: navigation, search
(Created page with "{{Template:Display_Editor_Disambiguate|displayLabel=Chart|page=Chart_Displays|pageLabel=Chart Displays}} <br> Learn to edit Chart displays. To create a brand new Chart displa...")
 
Line 8: Line 8:
 
<div class="GfakeTabGroup"><div class="GfakeTab">Chart Styles</div><div class="GfakeTab">Series Settings</div><div class="GfakeTab">Footer</div><div class="GfakeTab">Responsive Design</div></div>
 
<div class="GfakeTabGroup"><div class="GfakeTab">Chart Styles</div><div class="GfakeTab">Series Settings</div><div class="GfakeTab">Footer</div><div class="GfakeTab">Responsive Design</div></div>
  
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Table Options</div></div> ===
+
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Chart Styles Options</div></div> ===
 
<div>
 
<div>
 
</div>
 
</div>
==== Subtab: <div class="GfakeTabGroup"><div class="GfakeTab">Table Settings</div></div> ====
+
==== Subtab: <div class="GfakeTabGroup"><div class="GfakeTab">Series Settings</div></div> ====
 
<div style="margin: 2em; margin-left: 6em;>
 
<div style="margin: 2em; margin-left: 6em;>
{{Template:Table_Settings_Tab}}
+
{{Template:Series_Settings_Tab}}
 
</div>
 
</div>
  
==== Subtab: <div class="GfakeTabGroup"><div class="GfakeTab">Knock Out Repetitive Label Text</div></div> ====
 
<div style="margin: 2em; margin-left: 6em;">
 
Series with repetitive titles can be condensed. Read about the [[Label_Knockouts|knockouts tab here]].
 
</div>
 
 
==== Subtab: <div class="GfakeTabGroup"><div class="GfakeTab">Cell Formatting (all rows)</div></div> ====
 
<div style="margin: 2em; margin-left: 6em;">
 
Tabular displays have highly refined formatting options. As its label implies, this tab controls formatting for all the rows in the Table.  Rows can be formatted individually as well in the <b><i>Row Settings</i></b> tab.  Read about the [[Display Editor Cell Formatting Tab|cell formatting tab here]].
 
</div>
 
  
{{Template:Table_Editor_Header_Tab_Row_Settings}}
 
 
{{Template:Display_Editor_Header_Tab_Responsive_Design}}
 
{{Template:Display_Editor_Header_Tab_Responsive_Design}}
 
{{Template:Display_Editor_Header_Tab_Footer}}
 
{{Template:Display_Editor_Header_Tab_Footer}}
 
{{Template:Display_Editor_Header_Preview_Section}}
 
{{Template:Display_Editor_Header_Preview_Section}}
 
{{Template:Display_Editor_Page_Categories}}
 
{{Template:Display_Editor_Page_Categories}}

Revision as of 11:06, 22 February 2017

 This section is about editing Chart displays. Get more background on Chart Displays here. 


Learn to edit Chart displays. To create a brand new Chart display, use the dropZone or Workbench.

Name section

The Name section is the top few lines of the display editor panel.

It is used to Name, Copy, Save and Delete your Displays. Read more about the display editor name section.

Tabs section

The middle part of the editor panel holds tabs with content and formatting options.

These tabs have a natural progression to them, moving from left to right. That is, you typically select your Data, then stylistic Settings, and so forth. That being said, you can always move freely between tabs.


Use the Preview tab to see exactly how your Widget looks at any point.


Chart Styles
Series Settings
Footer
Responsive Design

Tab:
Chart Styles Options

Subtab:
Series Settings

Template:Series Settings Tab


Tab:
Responsive Design

dataZoa Displays support Responsive Design. Read about the Responsive Design tab here.

Tab:
Footer

Display footers can have automatic attributions, citations, and more. Read about the footer tab here.

Preview section

As you edit your display, your changes are reflected immediately in the Preview Section. Read about the preview section here.