Element Styles
Element styles define element attributes and allow some of them to be overriden on the per series or per element basis. These styles are represented by MxElementStyle.
WebCharts3D supports four different placement styles for the frame charts - Default, Clustered, Stacked and Percent. You can mix multiple placement styles within one chart by overriding placement for the particular series. You can also override shape styles for the series. Note that if the shape requires more than one series of data (floating bars, stock, etc.) then only the styles defined for the first series of such shape will be used.
To override attributes for a particular row/element, click on series/column property. You can add or remove attributes for any series or element, in any order.
When mixing styles for 3D charts always put discrete shapes such as bar, pyramid, and cone before non-discrete shapes such as line, curve and step. Otherwise the engine will automatically split series into multiple rows.
The width of the displayed shape is determined depending upon the X axis's style. For category axes, shapeSize (0 to 100) attribute specifying the percentage of the bucket's width is used. For scale and other axes fixedWidth attribute specifying the pixel width of the element is used.
Markers (2D charts only) are drawn on some charts when showMarkers attribute is set to true. When the marker's size is set to 0, the line width is used to determine the marker's size.
Element styles include interactive features - annotation, action and target. Annotations describe the text displayed in the popup window when it is enabled. The text can contain tab ('\t') and newline ('\n') characters and include WebCharts3D parameters described in Parameters section. When annotation is not defined a default annotation is used.
Action and target attributes define the action that will be taken when the end-user clicks on the element. Action can be any valid URI and can contain WebCharts3D parameters. For example, to show the selected element's row and column labels you can define action as: javascript:window.alert('$(colLabel) $(rowLabel)')
Movie and Morph attributes define the animation effects for Flash and SVG. Movie attributes define the number of frames, frames per second, the delay (in frames) between stages for staged charts and the delay(in frames) before the movie will be replayed or -1 if it should not be repeated. Morph attributes define the movie effects and staging. A staged movie will apply the morph effect to each row/column one by one while an unstaged one will display all elements at once.