[Ananya]

@fdelvalle,

While panning, the axis range is being changed as you move the mouse along the chart and hence rangeChanged will be fired at every instance. In contrast, while zooming the range is changed only once after the desired range has been selected, and as a result rangeChanged is fired only once. The sequence of fired events while panning, i.e., rangeChanging followed by rangeChanged, is the intended behaviour.

—
Ananya Deka
Team CanvasJS

[Ananya]

@kkoroleva,

We don’t have CanvasJS Charts TypeScript definition as of now. However, charts seems to work fine with TypeScript as well. You can ignore the corresponding error by adding //@ts-ignore above the import statement as shown in the code-snippet below:

//@ts-ignore
import * as CanvasJS from '@canvasjs/charts';

—
Ananya Deka
Team CanvasJS

[Ananya]

@kkoroleva,

You can import CanvasJS from @canvasjs/charts package directly in this case. Please find the code-snippet below.

import * as CanvasJS from '@canvasjs/charts';

Please check out CanvasJS npm package from this link.

—
Ananya Deka
Team CanvasJS

[Ananya]

Doug,

You can use rangeChanging event to update the data with a new set of datapoints based on the zoomed range. Please take a look at this JSFiddle for an example of the same.

—-
Ananya Deka
Team CanvasJS

[Ananya]

Aung,

Range Selector is a part of StockChart, and not Chart. Using StockChart instead of Chart should fulfill your requirement.

__
Ananya Deka
Team CanvasJS

[Ananya]

@lujakob

You can get base64 image data of a canvas by using toDataURL method. As CanvasJS charts are rendered on canvas, you can use toDataURL to get base64 image data of the chart. Please find the code-snippet below:

var base64Image = chart.canvas.toDataURL();

Please take a look at this JSFiddle for a working example.

—
Ananya Deka
Team CanvasJS

[Ananya]

@danura,

In case of Stacked Charts, datapoints across multiple dataseries are aligned based on x-values and not the labels. Passing x-value along with label should work fine in this case. Please take a look at this JSFiddle for an example.

—
Ananya Deka
Team CanvasJS