scichart 3.0.284 → 3.0.300

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/Charting/ChartModifiers/ChartModifierBase.d.ts +1 -1
  2. package/Charting/ChartModifiers/CursorModifier.d.ts +0 -4
  3. package/Charting/ChartModifiers/CursorModifier.js +4 -6
  4. package/Charting/ChartModifiers/RolloverModifier.d.ts +2 -6
  5. package/Charting/ChartModifiers/RolloverModifier.js +17 -11
  6. package/Charting/Model/BaseDataSeries.d.ts +5 -1
  7. package/Charting/Model/BaseDataSeries.js +24 -14
  8. package/Charting/Model/ChartData/SeriesInfo.d.ts +1 -0
  9. package/Charting/Model/ChartData/SeriesInfo.js +1 -0
  10. package/Charting/Model/Filters/HlcCustomFilter.js +19 -7
  11. package/Charting/Model/Filters/OhlcCustomFilter.js +20 -8
  12. package/Charting/Model/Filters/XyCustomFilter.js +15 -5
  13. package/Charting/Model/Filters/XyRatioFilter.js +1 -0
  14. package/Charting/Model/Filters/XyyCustomFilter.js +17 -6
  15. package/Charting/Model/Filters/XyzCustomFilter.js +17 -6
  16. package/Charting/Services/SciChartRenderer.js +42 -2
  17. package/Charting/Visuals/Annotations/AdornerLayer.d.ts +1 -0
  18. package/Charting/Visuals/Annotations/AdornerLayer.js +6 -3
  19. package/Charting/Visuals/Annotations/AnnotationBase.js +4 -0
  20. package/Charting/Visuals/Axis/LabelProvider/LabelProviderBase2D.js +1 -0
  21. package/Charting/Visuals/RenderableSeries/HitTest/BandSeriesHitTestProvider.js +2 -0
  22. package/Charting/Visuals/RenderableSeries/HitTest/BaseHitTestProvider.js +1 -0
  23. package/Charting/Visuals/RenderableSeries/HitTest/HitTestInfo.d.ts +4 -0
  24. package/Charting/Visuals/RenderableSeries/HitTest/LineSeriesHitTestProvider.js +2 -0
  25. package/Charting/Visuals/RenderableSeries/HitTest/MountainSeriesHitTestProvider.js +1 -0
  26. package/Charting/Visuals/RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps.js +5 -2
  27. package/Charting/Visuals/SciChartDefaults.d.ts +7 -0
  28. package/Charting/Visuals/SciChartDefaults.js +7 -0
  29. package/Charting/Visuals/SciChartSurface.d.ts +5 -0
  30. package/Charting/Visuals/SciChartSurface.js +5 -0
  31. package/Charting/Visuals/licenseManager2D.js +10 -4
  32. package/Charting3D/Visuals/SciChart3DRenderer.d.ts +1 -0
  33. package/Charting3D/Visuals/SciChart3DRenderer.js +29 -1
  34. package/Charting3D/Visuals/SciChart3DSurface.d.ts +3 -0
  35. package/Charting3D/Visuals/SciChart3DSurface.js +7 -2
  36. package/Core/BuildStamp.d.ts +1 -1
  37. package/Core/BuildStamp.js +2 -2
  38. package/README.md +7 -8
  39. package/_wasm/scichart.browser.js +1 -1
  40. package/_wasm/scichart2d.js +16 -16
  41. package/_wasm/scichart2d.wasm +0 -0
  42. package/_wasm/scichart3d.js +16 -16
  43. package/_wasm/scichart3d.wasm +0 -0
  44. package/index.d.ts +2 -0
  45. package/index.js +7 -3
  46. package/index.min.js +1 -1
  47. package/package.json +18 -4
  48. package/types/ExecuteOn.d.ts +9 -1
  49. package/types/ExecuteOn.js +9 -1
  50. package/types/MousePosition.d.ts +0 -1
  51. package/types/MousePosition.js +0 -1
  52. package/types/WatermarkPosition.d.ts +6 -0
  53. package/types/WatermarkPosition.js +10 -0
  54. package/types/licensingClasses.d.ts +8 -7
  55. package/types/licensingClasses.js +8 -7
  56. package/utils/ccall/appendDoubleVectorFromJsArray.js +1 -1
@@ -56,6 +56,7 @@ var MountainSeriesHitTestProvider = /** @class */ (function (_super) {
56
56
  hitTestInfo.point2xCoord = xCoordinateCalculator.getCoordinate(hitTestInfo.point2xValue);
57
57
  hitTestInfo.point2yValue = yNativeValues.get(res.secondPointIndex);
58
58
  hitTestInfo.point2yCoord = yCoordinateCalculator.getCoordinate(hitTestInfo.point2yValue);
59
+ hitTestInfo.point2metadata = dataSeries.getMetadataAt(res.secondPointIndex);
59
60
  }
60
61
  }
61
62
  else {
@@ -124,9 +124,12 @@ var RolloverModifierRenderableSeriesProps = /** @class */ (function () {
124
124
  RolloverModifierRenderableSeriesProps.prototype.getRenderableSeriesStroke = function () {
125
125
  if (this.isY1) {
126
126
  var bandRS = this.renderableSeries;
127
- return bandRS.strokeY1;
127
+ // @ts-ignore
128
+ return bandRS.strokeY1Property;
128
129
  }
129
- return this.renderableSeries.stroke;
130
+ // Get property here to retain Auto_Color prefix
131
+ // @ts-ignore
132
+ return this.renderableSeries.strokeProperty;
130
133
  };
131
134
  return RolloverModifierRenderableSeriesProps;
132
135
  }());
@@ -1,3 +1,4 @@
1
+ import { EWatermarkPosition } from "../../types/WatermarkPosition";
1
2
  export declare class SciChartDefaults {
2
3
  /**
3
4
  * Experimental - set true to enable async label texture creation
@@ -24,4 +25,10 @@ export declare class SciChartDefaults {
24
25
  * Time in ms to retry loading a native font. If you need to load a large font over a potentially slow connection await sciChartSurface.registerFont
25
26
  */
26
27
  static nativeFontTimeout: number;
28
+ /**
29
+ * The default position of the watermark for trials
30
+ */
31
+ static watermarkPosition: EWatermarkPosition;
32
+ /** For 2D charts the watermark is normally positioned within the series area. Set this true to place it relative to the overall canvas. */
33
+ static watermarkRelativeToCanvas: boolean;
27
34
  }
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SciChartDefaults = void 0;
4
+ var WatermarkPosition_1 = require("../../types/WatermarkPosition");
4
5
  var SciChartDefaults = /** @class */ (function () {
5
6
  function SciChartDefaults() {
6
7
  }
@@ -29,6 +30,12 @@ var SciChartDefaults = /** @class */ (function () {
29
30
  * Time in ms to retry loading a native font. If you need to load a large font over a potentially slow connection await sciChartSurface.registerFont
30
31
  */
31
32
  SciChartDefaults.nativeFontTimeout = 2000;
33
+ /**
34
+ * The default position of the watermark for trials
35
+ */
36
+ SciChartDefaults.watermarkPosition = WatermarkPosition_1.EWatermarkPosition.BottomLeft;
37
+ /** For 2D charts the watermark is normally positioned within the series area. Set this true to place it relative to the overall canvas. */
38
+ SciChartDefaults.watermarkRelativeToCanvas = false;
32
39
  return SciChartDefaults;
33
40
  }());
34
41
  exports.SciChartDefaults = SciChartDefaults;
@@ -28,6 +28,7 @@ import { IRenderableSeries } from "./RenderableSeries/IRenderableSeries";
28
28
  import { ESurfaceType, SciChartSurfaceBase, TSciChartConfig } from "./SciChartSurfaceBase";
29
29
  import { TDpiChangedEventArgs } from "./TextureManager/DpiHelper";
30
30
  import { Point } from "../../Core/Point";
31
+ import { EWatermarkPosition } from "../../types/WatermarkPosition";
31
32
  export declare type TSciChart = TWasmContext;
32
33
  export declare type TWebAssemblyChart = {
33
34
  wasmContext: TSciChart;
@@ -212,6 +213,10 @@ export declare class SciChartSurface extends SciChartSurfaceBase {
212
213
  * access to our WebGL2 Engine and WebAssembly numerical methods
213
214
  */
214
215
  readonly webAssemblyContext2D: TSciChart;
216
+ /** The position of the watermark for trials and community licenses */
217
+ watermarkPosition: EWatermarkPosition;
218
+ /** Set true to position the watermark relative to the overall canvas, rather than the series area. */
219
+ watermarkRelativeToCanvas: boolean;
215
220
  protected animationList: IGenericAnimation[];
216
221
  protected paddingProperty: Thickness;
217
222
  private readonly sciChartRenderer;
@@ -108,6 +108,7 @@ var SciChartSurfaceBase_1 = require("./SciChartSurfaceBase");
108
108
  var DpiHelper_1 = require("./TextureManager/DpiHelper");
109
109
  var UpdateSuspender_1 = require("./UpdateSuspender");
110
110
  var Point_1 = require("../../Core/Point");
111
+ var SciChartDefaults_1 = require("./SciChartDefaults");
111
112
  exports.sciChartConfig = {};
112
113
  // To force the worker to be created before it is needed, so we know if it alive or not
113
114
  var t = TextureWorker_1.textureWorker;
@@ -164,6 +165,10 @@ var SciChartSurface = /** @class */ (function (_super) {
164
165
  * In circumstances where you want to draw over the labels, eg with a subchart, set this true to have them drawn earlier.
165
166
  */
166
167
  _this.renderNativeAxisLabelsImmediately = false;
168
+ /** The position of the watermark for trials and community licenses */
169
+ _this.watermarkPosition = SciChartDefaults_1.SciChartDefaults.watermarkPosition;
170
+ /** Set true to position the watermark relative to the overall canvas, rather than the series area. */
171
+ _this.watermarkRelativeToCanvas = false;
167
172
  _this.animationList = [];
168
173
  _this.paddingProperty = Thickness_1.Thickness.fromNumber(10);
169
174
  _this.zoomStateProperty = ZoomState_1.EZoomState.AtExtents;
@@ -167,7 +167,8 @@ var getlicenseFromWizard = function (licenseContext, sciChartSurface) { return _
167
167
  switch (_b.label) {
168
168
  case 0:
169
169
  _b.trys.push([0, 5, , 6]);
170
- if (checkStatus !== licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard &&
170
+ if (checkStatus !== licensingClasses_1.LicenseCheckStatus.StartLookingForLicenseWizard &&
171
+ checkStatus !== licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard &&
171
172
  checkStatus !== licensingClasses_1.LicenseCheckStatus.NoLicenseInWizard)
172
173
  return [2 /*return*/];
173
174
  debug("Trying to get license from local license wizard");
@@ -203,6 +204,7 @@ var getlicenseFromWizard = function (licenseContext, sciChartSurface) { return _
203
204
  case 4: return [3 /*break*/, 6];
204
205
  case 5:
205
206
  err_3 = _b.sent();
207
+ checkStatus = licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard;
206
208
  // Failed to connect. Retry
207
209
  getLicenseFailCounts += 1;
208
210
  if (getLicenseFailCounts < maxretries) {
@@ -355,7 +357,7 @@ var dolicenseChallenge = function (licenseContext, sciChartSurface) { return __a
355
357
  licenseContext.SCRTCredentials.ResetRuntimeLicense();
356
358
  isRuntimeKey = false;
357
359
  licenseManager2dState_1.licenseManager2dState.setIsDev(true);
358
- checkStatus = licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard;
360
+ checkStatus = licensingClasses_1.LicenseCheckStatus.StartLookingForLicenseWizard;
359
361
  getlicenseFromWizard(licenseContext, sciChartSurface);
360
362
  if (licenseContext2D !== undefined) {
361
363
  (0, exports.updateLicenseDisplay)((0, exports.getLicenseInfo)(licenseContext2D), sciChartSurface2D, true, false);
@@ -429,6 +431,7 @@ var applyLicense = function (licenseContext, sciChartSurface) {
429
431
  var runtimelicense = getRuntimeLicenseKey();
430
432
  if ((checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense ||
431
433
  checkStatus === licensingClasses_1.LicenseCheckStatus.LicenseOK ||
434
+ checkStatus === licensingClasses_1.LicenseCheckStatus.StartLookingForLicenseWizard ||
432
435
  checkStatus === licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard) &&
433
436
  lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_NO_LICENSE &&
434
437
  runtimelicense) {
@@ -541,7 +544,7 @@ var applyLicense = function (licenseContext, sciChartSurface) {
541
544
  debug("checkstatus: " + licensingClasses_1.LicenseCheckStatus[checkStatus]);
542
545
  if (checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense && useLicenseWizard) {
543
546
  if (wizardTimer === undefined) {
544
- checkStatus = licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard;
547
+ checkStatus = licensingClasses_1.LicenseCheckStatus.StartLookingForLicenseWizard;
545
548
  licenseManager2dState_1.licenseManager2dState.setIsDev(true);
546
549
  getlicenseFromWizard(licenseContext, sciChartSurface);
547
550
  }
@@ -798,6 +801,9 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
798
801
  debug("".concat(is2D ? "2D" : "3D", " license status changed"));
799
802
  sciChartSurface.invalidateElement();
800
803
  sciChartSurface.otherSurfaces.map(function (s) { return s.invalidateElement(); });
804
+ if (checkStatus === licensingClasses_1.LicenseCheckStatus.StartLookingForLicenseWizard) {
805
+ return;
806
+ }
801
807
  // Update license message text
802
808
  var licensingLink = "<a href=\"https://www.scichart.com/licensing-scichart\" target=\"_blank\" style=\"color: white\">www.scichart.com/licensing-scichart</a>";
803
809
  var contactSupportLink = "<a href=\"https://www.scichart.com/contact-us/\" target=\"_blank\" style=\"color: orange\">contact support</a>";
@@ -909,7 +915,7 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
909
915
  else {
910
916
  licenseMessageDivChild.innerHTML =
911
917
  premsg +
912
- "<br><a href=\"https://github.com/ABTSoftware/SciChart.JS.Examples/blob/master/README-BetaTesters.md\" target=\"_blank\" style=\"color: white\">Click here for a beta trial key and instructions</a>";
918
+ "<br><a href=\"https://www.scichart.com/licensing-scichart-js/\" target=\"_blank\" style=\"color: white\">Click here for licensing information</a>";
913
919
  }
914
920
  }
915
921
  }
@@ -31,6 +31,7 @@ export declare class SciChart3DRenderer {
31
31
  * The main render loop
32
32
  */
33
33
  render(): void;
34
+ private updateWatermark;
34
35
  private isSurfaceValid;
35
36
  private prepareAxes;
36
37
  private updateWorldDimensions;
@@ -4,6 +4,7 @@ exports.SciChart3DRenderer = void 0;
4
4
  var Deleter_1 = require("../../Core/Deleter");
5
5
  var Guard_1 = require("../../Core/Guard");
6
6
  var AutoRange_1 = require("../../types/AutoRange");
7
+ var WatermarkPosition_1 = require("../../types/WatermarkPosition");
7
8
  var AxisCubeDescriptor_1 = require("./Primitives/AxisCubeDescriptor");
8
9
  var RenderPassInfo3D_1 = require("./Primitives/RenderPassInfo3D");
9
10
  var SceneDescriptor_1 = require("./Primitives/SceneDescriptor");
@@ -96,7 +97,7 @@ var SciChart3DRenderer = /** @class */ (function () {
96
97
  // Viewport3D already checked to be not null in IsSurfaceValid
97
98
  this.scs.rootEntity.visitEntities(function (e) { return e.setRenderPassData(rpd); });
98
99
  // We add the same padding as we have for 2D 6px
99
- this.scs.updateWatermark(6, 6);
100
+ this.updateWatermark();
100
101
  // Step 6: Notify that scene is about to be drawn
101
102
  this.scs.onSciChartRendered();
102
103
  // Invalidate for the animations
@@ -104,6 +105,33 @@ var SciChart3DRenderer = /** @class */ (function () {
104
105
  setTimeout(this.scs.invalidateElement, 0);
105
106
  }
106
107
  };
108
+ SciChart3DRenderer.prototype.updateWatermark = function () {
109
+ var chartHeight = this.scs.getMainCanvas().clientHeight;
110
+ var chartWidth = this.scs.getMainCanvas().clientWidth;
111
+ var left = 5;
112
+ var bottom = chartHeight - 10;
113
+ var wmWidth = Math.max(72, Math.min(0.25 * chartWidth, 256));
114
+ var wmHeight = (42 * wmWidth) / 256;
115
+ switch (this.scs.watermarkPosition) {
116
+ case WatermarkPosition_1.EWatermarkPosition.BottomRight:
117
+ left = chartWidth - wmWidth - 5;
118
+ bottom = 12;
119
+ break;
120
+ case WatermarkPosition_1.EWatermarkPosition.TopLeft:
121
+ left = 5;
122
+ bottom = chartHeight - (5 + wmHeight);
123
+ break;
124
+ case WatermarkPosition_1.EWatermarkPosition.TopRight:
125
+ left = chartWidth - wmWidth - 5;
126
+ bottom = chartHeight - (5 + wmHeight);
127
+ break;
128
+ case WatermarkPosition_1.EWatermarkPosition.BottomLeft:
129
+ left = 5;
130
+ bottom = 12;
131
+ break;
132
+ }
133
+ this.scs.updateWatermark(left, bottom);
134
+ };
107
135
  SciChart3DRenderer.prototype.isSurfaceValid = function (sciChartSurface, viewportSize) {
108
136
  if (!sciChartSurface.xAxis) {
109
137
  throw new Error("Unable to draw SciChart3DSurface as the xAxis is undefined");
@@ -14,6 +14,7 @@ import { AxisCubeEntity } from "./Axis/AxisCubeEntity";
14
14
  import { IRenderableSeries3D } from "./RenderableSeries/BaseRenderableSeries3D";
15
15
  import { RootSceneEntity } from "./RootSceneEntity";
16
16
  import { ViewportManager3DBase } from "./ViewportManager3DBase";
17
+ import { EWatermarkPosition } from "../../types/WatermarkPosition";
17
18
  export declare type TSciChart3D = TWasmContext;
18
19
  export declare type TWebAssemblyChart3D = {
19
20
  wasmContext: TSciChart3D;
@@ -121,6 +122,8 @@ export declare class SciChart3DSurface extends SciChartSurfaceBase {
121
122
  * access to our WebGL2 Engine and WebAssembly numerical methods
122
123
  */
123
124
  readonly webAssemblyContext3D: TSciChart3D;
125
+ /** The position of the watermark for trials and community licenses */
126
+ watermarkPosition: EWatermarkPosition;
124
127
  protected animationList: IGenericAnimation[];
125
128
  private xAxisProperty;
126
129
  private yAxisProperty;
@@ -32,6 +32,7 @@ var GizmoEntity_1 = require("./GizmoEntity");
32
32
  var RootSceneEntity_1 = require("./RootSceneEntity");
33
33
  var SciChart3DRenderer_1 = require("./SciChart3DRenderer");
34
34
  var BuildStamp_1 = require("../../Core/BuildStamp");
35
+ var SciChartDefaults_1 = require("../../Charting/Visuals/SciChartDefaults");
35
36
  exports.sciChartConfig3D = {};
36
37
  /**
37
38
  * @summary The {@link SciChart3DSurface} is the root 3D Chart control in SciChart's High Performance Real-time
@@ -61,6 +62,8 @@ var SciChart3DSurface = /** @class */ (function (_super) {
61
62
  var _this = this;
62
63
  var _a, _b, _c, _d;
63
64
  _this = _super.call(this, webAssemblyContext, options === null || options === void 0 ? void 0 : options.canvases) || this;
65
+ /** The position of the watermark for trials and community licenses */
66
+ _this.watermarkPosition = SciChartDefaults_1.SciChartDefaults.watermarkPosition;
64
67
  _this.animationList = [];
65
68
  _this.isAxisCubeRenderedProperty = false;
66
69
  var canvasWidth = (_b = (_a = _this.domCanvas2D) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : app_1.DEFAULT_WIDTH;
@@ -105,6 +108,7 @@ var SciChart3DSurface = /** @class */ (function (_super) {
105
108
  // Watermark
106
109
  if (!app_1.IS_TEST_ENV) {
107
110
  _this.watermarkProperties = new webAssemblyContext.SCRTWaterMarkProperties();
111
+ _this.watermarkProperties.m_fCanvasWidth = canvasWidth;
108
112
  _this.watermarkPropertyPosition = new webAssemblyContext.TSRVector2(0, 0);
109
113
  _this.watermarkProperties.SetPosition(_this.watermarkPropertyPosition);
110
114
  _this.watermarkProperties.SetOpacity(0.5);
@@ -475,12 +479,13 @@ var SciChart3DSurface = /** @class */ (function (_super) {
475
479
  * @inheritDoc
476
480
  */
477
481
  SciChart3DSurface.prototype.updateWatermark = function (left, bottom) {
478
- var _a;
482
+ var _a, _b;
479
483
  if (!app_1.IS_TEST_ENV) {
480
484
  this.watermarkPropertyPosition.x = left;
481
485
  this.watermarkPropertyPosition.y = bottom;
486
+ this.watermarkProperties.m_fCanvasWidth = (_a = this.getMainCanvas()) === null || _a === void 0 ? void 0 : _a.clientWidth;
482
487
  this.watermarkProperties.SetPosition(this.watermarkPropertyPosition);
483
- var isLightBackground = (_a = this.themeProvider) === null || _a === void 0 ? void 0 : _a.isLightBackground;
488
+ var isLightBackground = (_b = this.themeProvider) === null || _b === void 0 ? void 0 : _b.isLightBackground;
484
489
  this.watermarkProperties.m_bIsDarkBackground = isLightBackground !== undefined ? !isLightBackground : false;
485
490
  this.webAssemblyContext3D.SCRT3DSetWaterMarkProperties(this.watermarkProperties);
486
491
  }
@@ -1,4 +1,4 @@
1
1
  import { TSciChart } from "../types/TSciChart";
2
2
  import { TSciChart3D } from "../types/TSciChart3D";
3
- export declare const libraryVersion = "3.0.284";
3
+ export declare const libraryVersion = "3.0.300";
4
4
  export declare const checkBuildStamp: (wasmContext: TSciChart | TSciChart3D) => boolean;
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.checkBuildStamp = exports.libraryVersion = void 0;
4
- var buildStamp = "2023-02-02T00:00:00";
4
+ var buildStamp = "2023-02-17T00:00:00";
5
5
  var result;
6
6
  // tslint:disable-next-line:no-var-requires
7
- exports.libraryVersion = "3.0.284";
7
+ exports.libraryVersion = "3.0.300";
8
8
  var checkBuildStamp = function (wasmContext) {
9
9
  if (result !== undefined)
10
10
  return result;
package/README.md CHANGED
@@ -51,6 +51,7 @@ SciChart.JS v3 is released! Check out [what's new](https://www.scichart.com/scic
51
51
  - [Tutorials](https://www.scichart.com/documentation/js/current/webframe.html#Tutorial%2001%20-%20Setting%20up%20a%20Project%20with%20SciChart.js.html)
52
52
  - [Getting Started Guide](https://scichart.com/getting-started/scichart-javascript/)
53
53
  - [Documentation](https://www.scichart.com/documentation/js/current/webframe.html)
54
+ - [CodePen, JSFiddle support](https://www.scichart.com/blog/codepen-codesandbox-and-jsfiddle-support-in-scichart-js/)
54
55
 
55
56
  ### Support
56
57
 
@@ -75,10 +76,8 @@ npm i scichart
75
76
  2. **Create a simple chart** by putting this into `src/index.js` file
76
77
 
77
78
  ```javascript
78
- import { SciChartSurface } from "scichart/Charting/Visuals/SciChartSurface";
79
- import { NumericAxis } from "scichart/Charting/Visuals/Axis/NumericAxis";
80
- import { XyDataSeries } from "scichart/Charting/Model/XyDataSeries";
81
- import { FastLineRenderableSeries } from "scichart/Charting/Visuals/RenderableSeries/FastLineRenderableSeries";
79
+ // New syntax from v3.0.284! import { all, the, things } from "scichart"
80
+ import { SciChartSurface, NumericAxis, NumericAxis, FastLineRenderableSeries } from "scichart";
82
81
 
83
82
  // Call useWasmFromCDN once before SciChart.js is initialised to load Wasm files from our CDN
84
83
  // Alternative methods for serving wasm from webpack or offline are available on our website
@@ -139,15 +138,15 @@ initSciChart();
139
138
 
140
139
  If your environment does not include a bundler like Parcel or Webpack, you can still load SciChart.js using the browser bundle module from [JSDlvr](https://www.jsdelivr.com/package/npm/scichart)
141
140
 
142
- 1. **Include SciChart.browser.js in your webpage**
141
+ 1. **Include index.min.js in your webpage**
143
142
 
144
143
  ```html
145
144
  <!-- Always include latest scichart.js version -->
146
- <script src="https://cdn.jsdelivr.net/npm/scichart/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
145
+ <script src="https://cdn.jsdelivr.net/npm/scichart/index.min.js" crossorigin="anonymous"></script>
147
146
  <!-- or, choose specific version -->
148
- <script src="https://cdn.jsdelivr.net/npm/scichart@3.0.280/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
147
+ <script src="https://cdn.jsdelivr.net/npm/scichart@3.0.284/index.min.js" crossorigin="anonymous"></script>
149
148
  <!-- or, choosing latest version from 3.x -->
150
- <script src="https://cdn.jsdelivr.net/npm/scichart@3/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
149
+ <script src="https://cdn.jsdelivr.net/npm/scichart@3/index.min.js" crossorigin="anonymous"></script>
151
150
  ```
152
151
 
153
152
  2.**Create scichart-example.js file with a simple chart**