[Shashi Ranjan]

@sjanupa,

Rendering multiple charts in a page seems to be working fine at our end (without any overlapping of charts). You can also refer to this documentation page for a step to step tutorial on rendering multiple charts in a page.

But the each column two charts were overlapped each other.

Can you kindly create a JSFiddle reproducing the issue you are facing and share it with us along with the sample data so that we can look into the code, understand the scenario better and help you resolve?

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@jamescho,

You can achieve the above requirements by attaching mousedown and mouseup events to the chart container as shown in this JSFiddle.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@skp,

Please take a look at this documentation page for step to step tutorial on integrating CanvasJS in React Application.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@esieczka,

In the JSFiddle shared above, chart is being updated / re-rendered every 30 milliseconds. You may observe a slight increase in the resource usage as entire chart gets re-rendered.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@armin,

The sample project shared seems to have missing dependencies.

Can you kindly create a working sample project (with PHP and text files) and share it with us over Google-Drive or Onedrive so that we can run the code locally at our end to understand the scenario better and help you resolve?

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@mikeshilov,

You can combine histogram chart and spline chart as shown in this JSFiddle. However, creating a combination of column and spline chart with a horizontally placed box & whisker (box plot) is not available as of now.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@plotter,

Labels are rendered at a fixed interval on the axis and not to every dataPoint. However, if you like to show labels to dataPoint you can use label property instead of x-value. Please take a look at this updated JSFiddle for the same.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@armin,

The sample project shared above doesn’t contain the sample data. Can you kindly create a working sample project reproducing the issue and share it with us over Google-Drive or Onedrive along with the sample data/database so that we can look into the code, run it locally to understand the scenario better and help you resolve?

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@esieczka,

The charts seem to be re-rendering every few milliseconds. Can you kindly brief us more about your exact requirement so that we can help you out with an appropriate approach?

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@armin,

You can set the logarithmic property to true for changing the axis scale to a logarithmic. Please refer documentation page for more customization options available.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@esieczka,

To move a line on axis based on mouse-movement you can use crosshairs. However, to update stripLines dynamically you can use the set method.

If you can create a JSFiddle with your use case and share it with us along with an example we can understand your scenario better and help you out?

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 or an example helps us in figuring out the scenario better and help you out accordingly.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@abhiram,

Please refer to this gallery page for an example on creating a multi-series chart in ASP.Net MVC.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@esieczka,

You can format x and y-values shown in the toolTip with the help of xValueFormatString and yValueFormatString respectively. Please refer to our documentation page for more customization options available.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@jackmi,

In the code snippet shared above, you are not setting the axisX interval as 1. Please refer to the code snippet below for setting the axisX interval as 1.

axisX: {
   interval: 1
}

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

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 on JSFiddle to fix the issue right away.

—
Shashi Ranjan
Team CanvasJS

[Shashi Ranjan]

@franzda,

There seems to be an issue with the combination of primary and secondary x-axis along with setting minimum and maximum to the primary axis. Having both axes as primary seems to be working fine, which you can use at this point of time.

—
Shashi Ranjan
Team CanvasJS