[Vishwas R]

Parthu,

Check this jsfiddle.

[Vishwas R]

Prasanth,

You can use JavaScript eval() function to evaluate an expression. According to user input expression generate dataPoints and render chart. Here is an example.

[Vishwas R]

Prasanth,

You can store all generated dataPoints, according to equation, in an array and assign it to chart dataPoints. Here is an example.

[Vishwas R]

Eshwar,

toolTip, click events are applied even to dataPoint with zero y-value. Here is the updated fiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Jenilkanani,

If y-value is zero, when you mouse-hover the axisX line at the corresponding x-value toolTip will be shown. Check the screenshot below. If the y-value (zero) is not present in first dataSeries, you can set toolTip.shared to true to show the zero value in toolTip.

If this doesn’t solve your requirement, kindly create a jsfiddle, so that we can look into your requirement properly and help you out.

[Vishwas R]

Wazabe,

You can use stripLines to achieve this. Check this example.

[Vishwas R]

Stefanaki,

Its not bug, we observed that the x-value you are providing is not in JavaScript Date-Time string format. Please refer to this link for JavaScript Date-Time String Formats. And here is the working fiddle.

Check the screenshots of working fiddle browsed in IE and Firefox.

—-
Vishwas R
Team CanvasJS

[Vishwas R]

Alex,

Yes Multiple Y-axis is on our roadmap. And will be released in September.

[Vishwas R]

Xiaosongzou,

Thanks for reporting. We will look into the issue and get back to you at the earliest.

[Vishwas R]

The issue is with the css-styling. Instead of using float:left, you can use display: inline-block. Check this example.

[Vishwas R]

[UPDATE]
We’ve fixed this issue in the latest build. Please, do download the latest version and let us know your feedback.

Whenever you move finger / pointer on the chart, the chart has to know if you are trying to scroll or interact with the chart. Hence we have implemented a behavior where if you hold the finger for a while on the chart, it captures the event and doesn’t scroll. On the other hand, if you move pointer / finger quickly without pausing, it allows you to scroll. Can you try as mentioned above and let us know?

Also, can you please let us know your Device Model, OS, and Browser Version?

• This reply was modified 7 years, 6 months ago by Bivek Singh.

[Vishwas R]

Kindly refer this page to know step-by-step approach to create dynamic charts. If that doesn’t help, kindly create jsfiddle with the issue, so that we can look into it and help you out.

[Vishwas R]

@quocnamvnn-vnn,

You can hide / unhide dataSeries based on click of legends. Please refer to this documentation page for step-to-step tutorial on the same.
.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Crees,

When you have multiple charts in a page, there will be multiple childElement (zoom/pan buttons). So automatically clicking all childElement will solve the issue.

var parentElement = document.getElementsByClassName("canvasjs-chart-toolbar");
var childElement = document.getElementsByTagName("button");
for(var i=0;i<childElement.length;i++){
  if(childElement[i].getAttribute("state") === "pan"){
    childElement[i].click();
  }
}

Here is updated example.

[Vishwas R]

Yes, its possible to update data for every ‘n’ seconds (10seconds in your case). Initially you can render chart with first set of data from an external JSON or the data received from the php service. And while updating you can fetch data from new source where new set of data is present and re-render the chart with new set of data. Here is an example.