9.6.0 to 9.7.0

Drawing Tools and webpack bundling

Note: For those importing advanced.js and not using webpack tree shaking, no changes are necessary for this upgrade. However, if you were importing separate files for advanced features, be aware that drawingAdvanced.js is no longer available. You should now import the required files from the drawings folder.

When bundling with webpack, you can selectively include the drawing tools you want through tree shaking.

To upgrade to 9.7.0, you will need to modify the imports in chartiq/webpack-example/importActivation.js and chartiq/webpack-example/importActivationAdvanced.js.

importActivationAdvanced.js:

Advanced.drawingAdvanced has been replaced with Advanced.advancedNexus and should always be included if you are using any of the advanced drawings listed below.
Add the following tool activations as required:

Advanced.average,
Advanced.callout,
Advanced.channel,
Advanced.continuous,
Advanced.crossline,
Advanced.elliottwave,
Advanced.ellipse,
Advanced.fibarc,
Advanced.fibfan,
Advanced.fibonacci,
Advanced.fibprojection,
Advanced.fibtimezone,
Advanced.freeform,
Advanced.gannfan,
Advanced.gartley,
Advanced.measurementline,
Advanced.pitchfork,
Advanced.quadrant,
Advanced.ray,
Advanced.regression,
Advanced.speedarc,
Advanced.speedline,
Advanced.timecycle,
Advanced.tirone,
Advanced.volumeprofile,

importActivation.js:

Standard.drawing no longer activates all standard drawing tools; however, it should still be included.
Add the following tool activations as required:

Standard.annotation,
Standard.arrow,
Standard.horizontal,
Standard.line,
Standard.measure,
Standard.rectangle,
Standard.segment,
Standard.trendline,
Standard.vertical,

Important: Some drawings may depend on others, so any dependent drawings must be bundled together to ensure proper functionality.
Refer to the table below for a list of drawings and their required dependencies:

Drawing Dependencies
Advanced.average Advanced.regression
Advanced.callout Standard.annotation
Advanced.channel Standard.segment
Advanced.continuous Standard.segment
Advanced.crossline Standard.vertical
Advanced.elliottwave Standard.annotation
Advanced.ellipse Standard.rectangle
Advanced.fibarc Advanced.fibonacci
Advanced.fibfan Advanced.fibonacci
Advanced.fibonacci Advanced.advancedNexus
CIQ.Drawing.retracement Advanced.fibonacci
Advanced.fibprojection Advanced.fibonacci
Advanced.fibtimezone Advanced.fibonacci
Advanced.freeform Standard.segment
Advanced.gannfan Advanced.speedline
Advanced.gartley Standard.segment
Advanced.measurementline Advanced.regression
Advanced.pitchfork Advanced.channel
Advanced.quadrant Advanced.regression
Advanced.ray Standard.line
Advanced.regression Standard.segment
Advanced.speedarc Standard.segment
Advanced.speedline Advanced.speedarc
Advanced.timecycle Advanced.speedarc
Advanced.tirone Advanced.quadrant
Advanced.volumeprofile Advanced.regression
Standard.arrow Standard.segment
Standard.horizontal Standard.segment
Standard.line Standard.segment
Standard.measure Standard.segment
Standard.trendline Standard.segment
Standard.vertical Standard.horizontal

Loading a Deprecated Drawing Tool

To continue using the deprecated arrow drawing tool, follow these steps:

  • Uncomment the following line in your template:

    import "./js/deprecated.js";
    
  • Add the following entry to the drawingTools array in defaultConfiguration.js:

    { type: "dt", tool: "arrow", group: "markings", label: "Arrow", shortcut: "a" },
    

Note: Some deprecated drawing tools have been left in the drawingTools array and are commented out. Simply uncomment the desired tool after importing deprecated.js to use the old tools.