[Manoj Mohan]

@pratikchnadgude,

In order to render chart on the server side you would require a headless browser like PhantomJS. Here is an article that might help.

Please take a look at this sample PhantomJS project, that captures the chart image from web page and saves it to a particular location. Please refer to the instructions.txt file for clear understanding.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@shub113,

Please refer to this React Native Documentation for more information on reading local files into WebView.

—
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@cjodmc,

Thanks for sharing the use-case. We are currently looking into your use case. However, for the workaround, you can convert your datapoint from microseconds to milliseconds and using xValueFormatString you can display it as microseconds as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mwick,

You can hide the toolTip content of the hidden dataSeries by setting toolTipContent to null as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@offwhtie,

1. Which means once you zoom into an area of the chart programmatically, the reset button doesn’t reset anymore, it sets the viewport to whatever was programmatically set.

On updating the viewport range programmatically, you are setting the viewport range in the chart options. So by clicking the reset button after setting the viewport range programmatically, the chart will take the viewportMinimum and viewportMaximum as the default range for the chart. To overcome this behaviour, you can set the viewportMinimum and viewportMaximum to null on clicking the reset button in rangeChanging event.

2. The button will only set the viewport to that range once. If you click the button and then zoom or pan on the graph, the button no longer sets the viewport to the expected range.

Programmatically zooming can be done by setting chart-options, which is usually done without user interaction/mouse events, whereas user interaction through mouse-event over the chart updates the latest viewport. Because of this clicking button doesn’t set the viewport. However, you can reset the viewport by setting it to null and set it to the desired value to make it work according to your requirements.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@anil-t,

Sorry, as of now we don’t have any event that is triggered after the chart is rendered. However, since CanvasJS renders millions of data in few milliseconds you can workaround by calling the required function with a delay of 2 seconds along with animationDuration of chart using the setTimeout method.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jd26,

It seems to be working fine. Can you kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive so that we can look into your code, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jfranco30,

Our Sales team will be contacting you over email and assist you with the same.

For all sales related queries, feel free to contact sales[at]canvasjs[dot]com.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jd26,

Defining height and width of the chart container should work fine in your case.

If you are still facing the issue, kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive so that we can look into your code, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jd26,

You can print the contents of window using print() as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@michel-m,

Please take a look at this example to render CanvasJS chart using json data.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@tnt,

In JavaScript Month starts from 0 (January) and ends at 11(December). So in your case, new Date(2020, 01, 30) and new Date(2020, 01, 31) represents 1st of March and 2nd March respectively. Changing new Date(2020, 01, 30) to new Date(2020, 00, 30) and new Date(2020, 01, 31) to new Date(2020, 00, 31) should work fine in your case.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@utsavgupta,

You can achieve your requirement with the help of stripLines on axisX as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@joran,

Thanks for your suggestion. We will further improve this behaviour in future releases.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mportillo,

It seems to be working fine. Can you kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive so that we can look into your code, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS