SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components

We are excited to announce SciChart JavaScript ultra-high-performance charts version is 1.3 released!

It consists of new features, great improvements, and bug fixes. It is suggested for all the users of SciChart.js v 1.2 and earlier to upgrade to this version.

What’s new in SciChart.js v1.3?

New Features

Spline Series

Spline Line Chart
SciChart.js features a native spline-line (smoothed line) series. It provides aesthetically attractive, yet high-performance smoothed line charts for web applications. Given raw data, which can be a large number of points, our customers needed to see the smoothed line to help analyze the data.

Spline Line series uses Bezier interpolation between data-points. Our intelligent and dynamic smoothing keeps the performance outstanding and allows visualizing hundreds of thousands and even millions of data-points.

See Spline Line Series Example.

Spline Mountain Charts
SciChart for JavaScript 1.3 features a spline mountain or area series which provides aesthetically pleasing, high performance smoothed mountain/area charts for JavaScript apps.
Again, performance is excellent thanks to our dynamic smoothing and this chart type allows interactive frame-rates into the hundreds of thousands of points.

Spline Band Chart
SciChart.js provides the API for slick smoothed band chart type as well. This allows you to create high performance smoothed band / high-low fill charts for JavaScript web applications.

See Spline Band Series Example.

JavaScript Chart Animations

SciChart’s JavaScript Chart now features a new JavaScript Chart Animation API. Animated JavaScript charts will help you create captivating web applications. There are four standard animation types introduced in SciChart.js, including Wave, Sweep, Fade and Scale animations.

Wave JavaScript Chart Animation (see example)

javascript line chart with wave animation

Sweep JavaScript Chart Animation (see example)

javascript band chart with sweep animation

Fade JavaScript Chart Animation (see example)

javascript column chart with fade animation

Scale JavaScript Chart Animation (see example)

javascript stacked column side by side with scale animation

Animation API is flexible so you can control when the animation starts and stops, the delay, as well as duration. You can also combine different animations for one chart!

Spline Series and Animations

It is an interesting and unique case of combining the spline algorithms with applying animations on one series. Please see the example and the source code for more information: Animated JavaScript Spline Area Chart.

Dashed Line Styling

SciChart.js v 1.3 introduces more options to style your chart by adding the dashed line styling.

See Dashed Line Styling Example.
Improvements and Bug Fixes
  • Fixed Y axis autorange for zero range series and added undefined range check (SCJS-479)
  • Fixed AutoRange for Horizontal line (SCJS-479)
  • Added ExecutesOn property to some ChartModifiers (SCJS-457). It allows using RubberBandXyZoomModifier and ZoomPanModifier simultaneously with different mouse buttons.
  • Changed naming for axisLabelFill, axisLabelStroke/ added axisFontSize, axisFontFamily and added AxisLabelFont and AxisLabelFontSize properties to LineAnnotation
  • Fixed CursorModifier and RolloverModifier bug when RenderableSeries has zero-length data
  • Fixed bug using together RubberBandXyZoomModifier, XAxisDragModifier, YAxisDragModifier
  • Fixed audio analyzer example – see audio analyzer example.
  • Fixed error when removing renderable series having CursorModifier with a tooltip
  • Fixed CursorModifier and RolloverModifier Uncaught Error: currentRenderPassData should not be undefined
  • Fixed live cursor tooltip update on series change (SCJS-514)
  • Fixed heatmap warning currentRenderPassData should not be undefined
  • Fixed RolloverModifier example add and remove series buttons – see rollover and tooltips example

Where to get SciChart.js v1.3

You can get SciChart.js version 1.3 examples zip from our downloads page at www.scichart.com/downloads. You will need to create an account at scichart.com/login in order to access this page.

If you need any help with getting started, including how to start a trial, please check our getting started guide.

Check our new demo site for SciChart.js!

SciChart.js demo site has a new fresh look! Go to the SciChart.js Demo site.

Search through more than 50 examples to see the many features we offer for your JavaScript Charting Applications, various popular and complex 2D and 3D chart types, extreme performance demos, different axis options, markers and annotations, styling and themes, chart interactions with tooltips, rollovers and more!

We are always open to the feedback and will be happy to hear back!

Best regards,
Julia
[SciChart Team]

Comments are closed.