[Vishwas R]

@sunrise,

Exporting entire StockChart as base64 is not available as an inbuilt feature as of now. However you can do so by using html2canvas. Below is the code-snippet for the same.

html2canvas(document.querySelector("#chartContainer")).then(canvas => {  
	var dataURL = canvas.toDataURL();
	console.log(dataURL)
});

Please take a look at this JSFiddle for complete code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@shashank,

You can get the reference to the chart instance by passing onRef = {ref => this.chart = ref} props to the component, which you can use to export chart on clicking button. Please refer React Integration documentation for more information. Also take a look at this StackBlitz for an example.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sonu077,

You can format axis labels as per your requirements by setting valueFormatString.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@priya09,

Can you kindly share pictorial representation or an example of your requirements so that we can understand it better and help you fulfill it?

—
Vishwas R
Team CanvasJS

[Vishwas R]

[UPDATE]

@johnosman,

We have just released StockChart v1.0.5 Beta-1 with this feature. Please check release blog for more information. Do download the latest version from our download page & let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sarojstha,

You can achieve this with the help of striplines & it’s labels as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Mike,

We have been consistently improving our library with new set of features and bug fixes. We recommend you to use latest version of our products which has been tested with latest versions of browser.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sarojstha,

Sorry, this feature is not available as of now.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@dolev146gmail-com,

Can you kindly brief us further about your requirements so that we can understand it better and help you fulfill?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@yohann,

Datapoint y-value can be numeric only, but you seems to be passing it as string. Passing it as number should work fine.

If you are still facing issue, kindly create JSFiddle reproducing the issue and share it with us so that we can look into the code, understand the scenario better and help you resolve.

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle helps us in figuring out the issue and many a time we can just edit your code to fix the issue right away.

—
Vishwas R
Team CanvasJS

[Vishwas R]

[Update]

@prospect,

We have just released StockChart v1.0 Release Candidate with this fix. Please refer to the release blog for more information. Do download the latest version from download page & let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@dolev146gmail-com,

Feel free to post your query related to CanvasJS in our forum :)

—
Vishwas R
Team CanvasJS

[Vishwas R]

@dolev146gmail-com,

CanvasJS jQuery plugin requires jQuery to work. Importing jQuery once, before importing jquery.canvasjs.min.js should work fine in your case. Please take a look at this JSFiddle for updated code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@hari-krishnan,

You can set CSS background to chart as shown in this JSFiddle.

—
Vishwas R
Team CanvaJS

[Vishwas R]

@grantwray,

You can format axis labels according to your requirements by setting valueFormatString and you can format x-value and y-value shown in index-labels & tooltip by setting xValueFormatString and yValueFormatString.

If you are still facing issue, kindly create JSFiddle reproducing the issue and share it with us so that we can look into code / chart-options used, understand the scenario better and help you resolve.

—
Vishwas R
Team CanvasJS