Skip to content

Update common-issues.md #203

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Aug 8, 2016
Merged

Update common-issues.md #203

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5aa4e57
Update common-issues.md
erikruth Aug 6, 2016
cb5391f
Update common-issues.md
danail-vasilev Aug 8, 2016
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions controls/htmlchart/troubleshooting/common-issues.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,23 +168,23 @@ Solution: You can either offset the legend (see an example in the [ADD legend po

## PlotArea is Shrunk by the Legend / PlotArea Dimensions Depend on the Legend Size

Generally, the size of the chart's elements including the PlotArea is dynamic, so that that all the elements can fit in with the chart's wrapper size. This, however, may leads to the following issues:
Generally, the size of the chart's elements, including the PlotArea, is dynamic, so that all the elements can fit in with the chart's wrapper size. This, however, may lead to the following issues:

* Longer legend names will shrunk the PlotArea dimensions.

* Charts with similar dimensions and series but different legend size (e.g., the length of the legend items varies) will have different PlotArea size.
* Charts with similar dimensions and series but different legend size (e.g., the length of the legend items varies) will have a different PlotArea size.

>caption Figure 2: Compare two charts with similar dimensions but different PlotArea size.
>caption Figure 2: Compare two charts with similar dimensions but different PlotArea sizes.

![htmlchart-troubleshooting-common-issues-plotarea-varying-size](images/htmlchart-troubleshooting-common-issues-plotarea-varying-size.png)

You can resolve these issue as follows:
You can resolve these issues as follows:

1. Set enough margin between the PlotArea and the legend via the [PlotArea.Appearance.TextStyle.Margin property]({%slug htmlchart/appearance-and-styling/labels-and-titles-font-settings%}#setting-text-styles-for-titles-and-labels).
1. Set additional margin between the PlotArea and the legend via the [PlotArea.Appearance.TextStyle.Margin property]({%slug htmlchart/appearance-and-styling/labels-and-titles-font-settings%}#setting-text-styles-for-titles-and-labels).

1. Define a custom position for the legend via the [Legend.Appearance.Position, OffsetX and OffsetY properties]({%slug htmlchart/appearance-and-styling/legend-settings%}#position-and-alignment).

>caption Figure 3: Compare two charts with similar size of their PlotArea and wrapper element.
>caption Figure 3: Comparing two charts with similar sized PlotAreas and wrapper elements.

![htmlchart-troubleshooting-common-issues-plotarea-fixed-size](images/htmlchart-troubleshooting-common-issues-plotarea-fixed-size.png)

Expand Down Expand Up @@ -235,7 +235,7 @@ You can resolve these issue as follows:

Solution: Special characters in data source field names are escaped by surrounding the name with quotes and brackets (see **Example 3**).

>caution There are invalid characters in data source field names which cannot be escaped like "(", ")", "[", "]", ".", "/", "\". More information is available in the [Datacolumn name illegal character](https://social.msdn.microsoft.com/Forums/en-US/e2a88f75-da11-49db-8ec8-ef3007a66d28/datacolumn-name-illegal-character) forum post.
>caution There are invalid characters in data source field names that cannot be escaped including "(", ")", "[", "]", ".", "/", "\". More information is available in the [Datacolumn name illegal character](https://social.msdn.microsoft.com/Forums/en-US/e2a88f75-da11-49db-8ec8-ef3007a66d28/datacolumn-name-illegal-character) forum post.


>caption Example 4: Escaping special characters in field names by surrounding the name with quotes and brackets.
Expand Down Expand Up @@ -291,7 +291,7 @@ End Function
````


## Chart with display: none Does not Show Itself
## Chart with 'display: none' Does Not Show Itself

If you have a **RadHtmlChart** with `display: none` set to its wrapper element, toggling its CSS attribute to `display: block`, for example, may result in the chart not showing itself, remaining invisible or being distorted.

Expand Down