Namespace: WebComponents

WebComponents

The following is a set of webComponents used in our sample templates to illustrate how the API can be leveraged to build full featured UI to control the chart.

Feel free to use them as provided or modify as needed to meet your needs. You can find all of the source code for these webComponents in js/components.js and js/componentUI.js.

This implementation assumes the chart is attached to to a quotefeed for interactive data loading. If you will not be using a quotefeed, you will need to adjust these components accordingly.

Performance considerations: These web components include dynamically updating modules that will react to every data change and redraw certain elements. Although visually pleasing, they can sometimes cause performance issues on slow devices or when multiple charts are displayed. See CIQ.UI.animatePrice for setting options.

See CIQ.UI.ContextTag, which provides a model and base functionality for many components

See the following tutorial for further details on how to work with and customize the included WebComponents: Web Component Interface

Namespaces

cq-advertisement
cq-aggregation-dialog
cq-attribution
cq-chart-title
cq-clickable
cq-close
cq-color-picker
cq-comparison
cq-dialog
cq-drawing-context
cq-fib-settings-dialog
cq-language-dialog
cq-loader
cq-lookup
cq-menu
cq-menu-dropdown
cq-orderbook
cq-redo
cq-scriptiq
cq-scriptiq-editor
cq-scroll
cq-share-button
cq-share-dialog
cq-show-range
cq-side-panel
cq-studies
cq-study-context
cq-study-dialog
cq-study-input
cq-study-legend
cq-study-output
cq-study-parameter
cq-study-script-menu
cq-swatch
cq-theme-dialog
cq-theme-piece
cq-themes
cq-timezone-dialog
cq-toggle
cq-toolbar
cq-tradehistory
cq-ui-manager
cq-undo
cq-view-dialog
cq-views