When chart annotations being updated on highlighted item change we disable center on cursor layout and full size drawing of annotated items, so chart layout is not not flickering when we move mouse from item to item.
Page Fit Mode defines rule of fitting chart into available screen space. Set it to None if you want to disable it.
Default chart item template tries to select the best matching font color for current title background.
Group Title Style
For group title color, see title first and second font colors in default template options.
Minimized Item (Dot, Marker)
Minimized item options are defined per item template. So if you need to show individual markers per item, you have to define template for every marker type and assign it to items. Template is some sort of named property bag.
By default marker has color of itemTitleColor property, download demos and check samples source data. If item has no title color set, then be sure that you set border line width and color for markers having no fill, othewise you are not going to see them.
Following Border and Fill colors properties work only for items having no title color property set. See Parners & Annotations Demo to try them.
Vertical Intervals Between Rows
If you enable labels for dots, use the following interval to fit them between levels
Horizontal Intervals Between Items in Row
Label property should be defined for every item first, otherwise chart has nothiong to show. Labels are visible only for markers. If you need to add labels to normal size items you have to modify default item template and place text outside item boundaries.
Size: Use this property to define labels bounding rectangle. Labels placed relative to markers(dots), so when they overlap in auto show mode one of them would be hidden. Set appropriate intervals between levels of markers in order to fit and make all labels visible.
By default callout displays item content, but it can be redefined with custom callout template.
Use this option to disable mouse highlight on touch devices.
This option defines highlight gravity radius, so minimized item gets highlighted when mouse pointer gets into marker gravity radius boundaries.
By default widget preferes SVG graphics mode. Use this property to enforce graphics mode programmatically.
In order to achive better greacefull degradation of your diagram use item templates of various sizes instead of CSS scale.