[Vishwas R]

@prasad,

It seems to be working fine in Ubuntu and Mac-OS. Can you kindly share the version of Ubuntu, Mac-OS and the browser details like browser name and version in which you are facing this issue so that we can look into it and resolve?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sollinger,

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

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sollinger,

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

—
Vishwas R
Team CanvasJS

[Vishwas R]

@woeperbe,

Can you kindly share sample project with sample data over Google-Drive or Onedrive so that we can run it locally at our end to understand the issue you are facing and help you resolve?

—
Vishwas R
Team CanvasJS

[Vishwas R]

Tom,

CanvasJS Charts has simple API with less learning-curve and easy to understand documentation. Please checkout our documentation for step-to-step tutorial on creating charts and customizing it – along with examples. Also you can refer gallery for more examples.

For sales related queries please contact sales@canvasjs.com

—
Vishwas R
Team CanvasJS

[Vishwas R]

@swapnilv007,

Padding is not available in legend, as of now. Are you looking for space between legend-marker and legend-text? If so you can achieve it by setting markerMargin property. If not can you kindly share some pictorial representation or an example of your requirements so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@hpriyalal,

Labels are shown at every interval of the axis. To avoid overlapping, chart skips alternative labels which can be overridden by setting interval property. Incase of date-time axis, you may need to set intervalType along with interval according to your data, please refer documentation for more info and live examples.

If this doesn’t solve the issue you are facing, kindly create JSFiddle reproducing the issue 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]

@kshv195,

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

—
Vishwas R
Team CanvasJS

[Vishwas R]

@redchilly2095,

Please take a look at this JSFiddle for an example on rendering chart with data from a HTML form. Also please refer this documentation page for step-by-step tutorial on rendering chart with data from user input.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@nancy-gale,

When the chart is zoomed, you can find whether a dataPoint is within the viewport range or outside with the help of rangeChanged event.

rangeChanged: function(e) {
  var dpsWithinViewport = 0;
  for(var j = 0; j < e.chart.data[0].dataPoints.length; j++) {
    var dataPoint = e.chart.data[0].dataPoints[j];
    if(dataPoint.x >= e.axisX[0].viewportMinimum && dataPoint.x <= e.axisX[0].viewportMaximum) {
      dpsWithinViewport++;
    }
  }
  if(e.trigger === "reset")
    updateDataPointWidth(e.chart, e.chart.data[0].dataPoints.length);
  else
    updateDataPointWidth(e.chart, dpsWithinViewport);	
}

Please take a look at this JSFiddle for nearest possible solution to set the dataPointWidth by finding the number of dataPoints within the viewport range.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Adam Griffiths,

Labels are shown at every interval of the axis. To avoid overlapping, chart skips alternative labels which can be overridden by setting interval property. Incase of date-time axis, you may need to set intervalType along with interval according to your data, please refer documentation for more info and live examples.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@offwhtie,

Sorry, it’s not possible to switch to pan mode by default as of now. However you can perform a click programmatically to achieve – as you have mentioned. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@santhoshnarendra,

You can perform button click programmatically to switch to pan mode by default & hide the zoom/pan button using CSS to do so. Below is the code-snippet for the same.

-----CSS----
.canvasjs-chart-toolbar> button:first-child {
  display: none !important;
}
----JS----
var parentElement = document.getElementsByClassName("canvasjs-chart-toolbar");
var childElement = document.getElementsByTagName("button");
if(childElement[0].getAttribute("state") === "pan"){
  childElement[0].click();
}

Please take a look at this JSFiddle for complete code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@woeperbe,

Changing text: $title to text:<?php $title ?> should work fine in your case.

If the issue still persists, kindly share sample project along with sample data over Google-Drive or Onedrive so that we can run it locally at our end to understand the scenario better and help you resolve.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@amitkushwaha1710,

You can keep only one slice / segment exploded with the help of exploded property as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS