Difference between revisions of "Chart Display Editor"
From dataZoa Wiki
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{Template:Display_Editor_Disambiguate|displayLabel=Chart|page=Chart_Displays|pageLabel=Chart Displays}} | {{Template:Display_Editor_Disambiguate|displayLabel=Chart|page=Chart_Displays|pageLabel=Chart Displays}} | ||
<br> | <br> | ||
| − | + | {{Template:Display_Editor_Concept|displayLabel=Chart|pageLabel=Chart Displays}} | |
| + | <br> | ||
| + | {{Template:Display_Editor_See_Also}} | ||
| + | <br> | ||
<br> | <br> | ||
{{Template:Display_Editor_Heading_Name_Section}} | {{Template:Display_Editor_Heading_Name_Section}} | ||
| Line 8: | Line 11: | ||
<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">Chart Styles | + | === Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Chart Styles</div></div> === |
<div> | <div> | ||
| + | <br> | ||
| + | {{Template:Chart_Styles_Tab}} | ||
</div> | </div> | ||
| − | === | + | |
| − | <div | + | === Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Series Settings</div></div> === |
| − | {{Template: | + | <div> |
| + | {{Template:Chart_Series_Settings_Tab}} | ||
</div> | </div> | ||
Latest revision as of 14:23, 22 February 2017
This section is about editing Chart displays. Get more background on Chart Displays here.
That said, you can use the Chart Editor to add a huge variety of features, details, and nuance as you see fit.
See also:
Create
Copy
Circulate
Publish
for Displays
Contents
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
Chart Styles
| Field | Description | Notes |
| Chart Title | Sets the title at the top of the chart. | |
| Chart Type | The settings on the panel adapt according to the chart type selected. | |
| Line, Bar, Stick, Stacked Bar | These types are all longitudinal over time and may be mixed and matched at the series level. | |
| Scatter Plot | Observations paired in time, plotted as X versus Y. | |
| Bubble Chart | Observations grouped in time, show as X versus Y with Area. | |
| Pie Chart | Cross-section of observations at one point in time. | |
| Categorical Bar Chart | Cross-section of observations at one point in time. | |
| Legend and Labels | Controls row/column layout of legends | Particularly useful in charts with many series. |
| Time Frame | Options to show all or a limited portion of the available observations. | Time frame may be fixed or data-driven at either end. |
| Miscellaneous | ||
| Sorting | Order of appearance in legend; alphabetical or numerically ranked. | |
| Use Shading | Applies a shading effect to solid color areas, like pie chart segments. | |
| Grids | Style settings for grids | Color options for grids are set below in the Preview section. |
| Epochal Overlay | Colors chart background to show US political eras over time. | Politics can be fun! |
| Table at Bottom | Adds a tabular view of the chart data. | This option is only available for single-series charts. |
Tab: Series Settings
Series Settings
Use this tab to select a particular series in the Chart and customize its appearance.
Chart Styles
Options may include:
- Color
- Line Style
- Label
- Axis placement
In addition to the customizations, there are buttons to:
- Remove the selected series from the chart
- Add other series to the chart. Any series that are currently check-marked in the workbench are inserted. How To: Add Series to a Display
- Add calculated series to the chart.
Tab: Responsive Design
Responsive Design
dataZoa Displays support Responsive Design. Read about the Responsive Design tab here.
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. |
|
