8.8.0 to 8.9.0

Version 8.9.0 adds the Measurement Line drawing tool, the ability for vertical drawing tools to span across all panels, the option of scalar or categorical x-axes on CrossPlot charts, and enhancements to the user interface, drawing tools, multi-charts, web component architecture, and TypeScript support. See release notes for more information.

Plugin configuration

If you are continuing to use an stx 8.8.0 template, you will need to make changes to the template's HTML tags and override the default configuration's plugins object to achieve compatibility.

Instructions on how to override the chart's configuration can be found here.

HTML tags for the default advanced template can be found in examples/templates/partials/sample-template-advanced-context.html.

1. Remove cq-scriptiq, cq-analystviews and cq-technicalinsights tags from the template.

   This is what they look like:

    <!-- custom tag for scriptiq only works when plugin is loaded -->
    <cq-scriptiq class="scriptiq-ui"></cq-scriptiq>
   
    <!-- custom tag for analystviews only works when plugin is loaded -->
    <cq-analystviews class="analystviews-ui" token="tokenHere" partner="<span style="background-color:rgb(222,232,245);color:rgb(51,51,51);">partner#here," disabled></cq-analystviews>
   
    <!-- custom tag for technicalinsights only works when plugin is loaded -->
    <cq-technicalinsights uid="idHere" lang="en" disabled></cq-technicalinsights>
   

   • If you're using Trading Central, set config.plugins.analystViews and config.plugins.technicalInsights to the same credential values that were embedded in the removed cq-analystviews and/or cq-technicalinsights elements:

     • For analystViews, set partner and token
     • For technicalInsights, set lang and uid

     Your adjusted objects should resemble this:

       analystViews: {
           container: ".ciq-menu-section .ciq-toggles",
           moduleName: "TCAnalystViews",
           partner: partner#here,
           token: "tokenHere"
       },
     
       technicalInsights: {
           container: ".ciq-menu-section .ciq-toggles",
           moduleName: "TCTechnicalInsights",
           lang: "en",
           uid: "idHere"
       }
     

2. Look for the following DIV container:

    <div class="trade-toggles ciq-toggles">
        <cq-toggle class="tfc-ui sidebar stx-trade" cq-member="tfc"><span></span><cq-tooltip>Trade</cq-tooltip></cq-toggle>
        <cq-toggle class="analystviews-ui stx-analystviews" cq-member="analystviews"><span></span><cq-tooltip>Analyst Views</cq-tooltip></cq-toggle>
        <cq-toggle class="technicalinsights-ui stx-technicalinsights" cq-member="technicalinsights"><span></span><cq-tooltip>Technical Insights</cq-tooltip></cq-toggle>
    </div>
   

   Remove old toggles for tfc, analystviews, and technicalinsights.

   • Leave the container element, div.trade-toggles, in the template. Remove only the <cq-toggle> elements. Plugins will add them when loaded.

   Your adjusted objects should resemble this:

    <div class="trade-toggles ciq-toggles"></div>
   

   • If toggles were elsewhere, set config.plugins.tfc.container, config.plugins.analystViews.container, or config.plugins.technicalInsights.container to their respective parent selectors.

   • If toggles are not needed at all, but the plugin is enabled, set the container value to ‘null’.

3. If you need access to config.plugins.timeSpanEventPanel, it's now called config.plugins.ptv.

4. If you customized trade-from-chart markup in tfcHtml.js, that file is now called config.js.