[Vishwas R]

@govind,

Can you kindly share a JSFiddle reproducing the issue you are facing?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue – as there are 30+types of charts with elements like title, subtitles, legend, axisX, axisY, dataPoints, stripLines, labels, indexLabels, etc – it would take time for us to actually land up with your use-case or we may not be able to reproduce the issue when you are passing invalid options.

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]

@dhami97,

By setting showInLegend property to true, you can show legend to a dataSeries. Please refer to the documentation page on legend for more information and more customization options available.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Eddie,

It seems like you are either setting minimum or viewportMinimum in axisX (observation from image shared) because of which first dataPoint is partially visible. Removing the same or setting it to null should work fine in your case.

If you are not setting minimum / viewportMinimum but facing this issue, kindly share JSFiddle reproducing the issue you are facing, so that we can look into the code, understand the scenario better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@rekharjun,

Adding a loader image till chart is rendered is not available as an built-in feature, as of now. However, with few lines of code you can achieve this as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@rekharjun,

Adding a loader image till chart is rendered is not available as an built-in feature, as of now. However, with few lines of code you can achieve this as shown in this JSFiddle.

Considering this as duplicate of loading image and hence closing the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@dhami97,

You can use label property to show labels over axisX and setting axisYType to secondary will attach dataSeries to secondary y-axis. Please take a look at this JSFiddle for a working example with your set of dataPoints.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@vijaykumar-2,

You can change type of chart from bar to pie in CanvasJS by just changing type property from ‘bar’ to ‘pie’.

We don’t see code that includes CanvasJS in the snippet that you have shared. If you are still facing any issue in changing chart-type in CanvasJS, kindly create 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.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@santhosh-kumar,

Please take a look at this JSFiddle for an example on adding background image to chart.

If you are still facing any issue, kindly create 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.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Turgut,

You can customize the position of export button by applying styling to ‘canvasjs-chart-toolbar’ class. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@epunktboofen-de,

You can achieve this by programmatically clicking the zoom button (which switches to pan mode) upon rendering the chart. Please take a look at this JSFiddle for the same.

Considering this as duplicate of set default viewport property of a chart to pan, hence closing the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@epunktboofen-de,

You can achieve this by programmatically clicking the zoom button (which switches to pan mode) upon rendering the chart. Please take a look at this JSFiddle for the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@msingh,

Single legend to multiple charts is not available, as of now. However you can achieve the same by disabling legends for all the charts except the one at the bottom / last chart and handle hiding / unhiding of dataSeries of all charts from the shown legend. Please take a look at this JSFiddle for a demo. Same code works fine even in Angular, React and other frameworks.

If this doesn’t fulfill your requirement, kindly share JSFiddle with your use-case with us, so that we can look into code, understand the scenario better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@aakaashasa,

You seemed to be interchanging the x and y values which assigning it. Passing ‘DateTime’ to x and ‘Count’ to y should work fine in your case. Please take a look at this updated code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@govind,

Can you kindly share JSFiddle with sample data and your use-case so that we can look into the code, understand the scenario better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@smarco,

I observe that you are performing AJAX request inside AJAX request within which you are creating chart (i.e. a new chart is created every 500ms). Instead, you can create chart once, update dataPoints every 500ms and re-render the chart. Please take a look at this updated code sample.

—
Vishwas R
Team CanvasJS