Formatting a Scrolling X-Axis

"xaxis": {
			"labelLayout": {"scroll": true},
   "scroll": {
      "style": "string",   
          "groups": {
             "minSize": number, 
             "maxCount": number 
                 },
     "miniChartProperties": {
          "height": number, 
          "dataSelection": { 
            "selectionRect": {"fill": "rgba(r, g, b, a)" }   
                          }
                        } 
        }
     }  
                                                                                                                                

where:

"scroll":

Defines the properties of a scrolling x-axis.

"style": "string"

Specifies the type of scroll bar. Valid values are:

• "simple", which generates a standard scrollbar. This is the default value.
• "miniChart", which generates a scrollbar whose background is a compressed version of the main chart.

groups:

Defines the scroll bar groups.

"minSize": number

Defines a minimum number of pixels for each group. The default value is "auto", which leaves the decision to the chart engine.

Note: Use either "maxCount" or "minSize". If both "minSize" and "maxCount" are undefined, all groups are fit into the frame and scrollbars are disabled.

"maxCount": number

Specifies the maximum number of groups to show at once, unless fewer are available. The default value is undefined.

Note: Use either "maxCount" or "minSize". If both "minSize" and "maxCount" are undefined, all groups are fit into the frame and scrollbars are disabled.

"miniChartProperties":

Defines the properties of a scroll bar visualized as a minichart.

"height": number

Is the height of the minichart in pixels, or a percent string that represents a percentage of the height of the main chart. The selection rectangle on the scrollable minichart is always the same height as the minichart itself. By default, the minichart height is 20% of the height of the main chart.

"dataSelection": "selectionRect": "fill": "rgba(r, g, b, a)"

Is a color definition and transparency for the selection rectangle. If you use a color definition without a transparency value, the selection rectangle will be fully opaque and block the view of the minichart group on which it is positioned.