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 indefaultConfiguration.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.