[Vishwas R]

@mbarens,

You can pass data in sorted order with label instead of x-value to achieve your requirement. Please take a look at this JSFiddle.

In order to help us in understanding the issue, please have a reproducible demo of your chart. This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.

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 times we can just edit your code on JSFiddle to fix the issue right-away.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@santhoshnarendra,

You can achieve the above requirements by setting width, height and axis interval properties as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Sudha,

Please refer this link (https://canvasjs.com/docs/charts/chart-options/data/click/) for documentation on click event.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Gustavo Montoya,
John,

One of our representative will contact you over email with appropriate solution.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Tejal,

{} (Curly Braces) is used for keywords in legendText, please refer documentation for more info. Passing it as ‘{}’ should work fine in this case. Please take a look at this updated JSFiddle

—
Vishwas R
Team CanvasJS

[Vishwas R]

Sudha,

You can use click event of dataSeries to get information related to dataPoint on clicking it. Please refer documentation for more information.

If this doesn’t help you fulfill your requirements, kindly share JSFiddle or an example and brief us more so that we can understand it better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@fpessolano,

Can you kindly create JSFiddle reproducing the issue you are facing so that we can look into the code, understand the scenario better and help you resolve the same?

In order to help us in understanding the issue, please have a reproducible demo of your chart. This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.

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 times we can just edit your code on JSFiddle to fix the issue right-away.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@meryemce,

Axis labels are shown at every interval, which is auto-calculated such that the labels doesn’t overlap and makes chart look better. You can customize it to show labels at every value by setting interval property. Please refer documentation for more information.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@paul_canvas,

and part of the code:
var obj=jQuery.parseJSON(data);
console.log(obj[0].Avg005); (shows 64.44 in the console)
//value = parseFloat(obj[0].Avg005).toFixed(2); (I tried to force it to be decimal but it did not work either)
// dps.push({x: 5, y: value); (I tried to force it to be decimal but it did not work either)
dps.push({x: 5, y: obj[0]Avg005 });
dps.push({x: 10, y: obj[0]Avg010 });

It seems like you are not parsing y-value properly. Parsing it properly as dps.push({x: 5, y: parseFloat(obj[0].Avg005) }); should work fine in this case.

If you are still facing the issue, kindly create JSFiddle reproducing the issue you are facing so that we can look into the code, understand the scenario better and help you resolve the same?

In order to help us in understanding the issue, please have a reproducible demo of your chart. This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.

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 times we can just edit your code on JSFiddle to fix the issue right-away.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Callum,

We don’t see CanvasJS Chart code being added in the project. Please take a look at this Stackblitz for working example.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@amir,

You can parse through the dataPoints to check if the value is greater than 5 or not before passing it to chart options to achieve this. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@giuseppe-terzaghialbarubens-it,

You can download jQuery from their CDN & serve it from your server. Please refer jQuery CDN for more info.

Please refer our jQuery Gallery for more examples on variety of use-cases which you can edit & try or download locally.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@padroni,

Please refer to this documentation page for step-to-step tutorial on rendering multiple charts within a page. The same thing works fine in Angular aswell. Please refer Angular Gallery for more examples with working code. You can also download Angular Samples from our download page to try it locally.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@smithfx,

Sorry, property to control minimum label width is not available as of now. However, you can use margin property to align axisY of multiple charts in a straight line as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@arathicwcec,

You can add click event handler to each dataPoint (each section of the funnel). Please refer documentation page for more information along with live example.

—
Vishwas R
Team CanvasJS