[Thangaraj Raman]

@prabhakar382,

Please refer to this page for step by step tutorial on Creating Chart with data from JSON. The data from the JSON has to be parsed in the format accepted by CanvasJS.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@nouha,

It looks like the sample provided by you is restricted and requires permission. Can you please make the image / sample public so that we can access it?

If the Google Drive link shared contains an image, can you kindly create JSFiddle reproducing the issue you are facing & share it with us so that we can look into the code / chart-options being used, understand the scenario better and help you out?

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@walterschaefer,

It is not possible to position the axis to the center of the chart as of now. However, you can work around this by using multiple charts to achieve your requirement.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@gbienemannkahle-schule-de,

You can use the indexLabelFormatter function to display custom index labels as per your requirement. Please take a look at the code-snippet given below.

indexLabelFormatter: function(e) {
    var s = e.dataPoint.y % 1; s *= 60;
    var m = e.dataPoint.y % 60;
    var h = (e.dataPoint.y - m) / 60;
    return (h < 10 ? "0" : "") + h.toString() + ":" + (m < 10 ? "0" : "") + Math.trunc(m).toString() + ":" + (s < 10 ? "0" : "") + s.toString();
},

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@ankur,

The trial version is meant for evaluation purposes for 30 days. You will need a license to use it in commercial applications, please check out License page for more information. One of our sales representatives will get in touch with you soon for further assistance on licensing. For further queries related to sales please contact sales[at]canvasjs[dot]com.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@walterschaefer

The chart’s X-axis and Y-axis lines and labels will be positioned to the bottom and left in the case of primary axis and to the top and right in the case of secondary axis. If you are looking to draw a horizontal or vertical line in the middle of the chart, you can use stripLines.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@elanchezhiyan,

To check the minimum or maximum value of the chart’s X-axis, you can use the axis get method. Please take a look at the code-snippet given below.

chart.axisX[0].get("minimum");
chart.axisX[0].get("maximum");

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@edad_msft,

CanvasJS stockcharts plots all the chart elements on HTML5 canvas element, which is considered as an image by the narrator. Hence it’s not possible to have accessibility for input fields as of now. However, you can pass aria-label field to the entire chart to achieve accessibility. Please take a look at this JSFiddle for an example on the same.

Also, please refer to this forum thread for more information.

—-
Manoj Mohan
Team CanvasJS

[Thangaraj Raman]

@elanchezhiyan,

In the JSFiddle that you have shared, you are not setting the X-axis minimum or maximum. Setting the minimum and maximum value for X-axis seems to be working fine for both date-time and numerical values.

If you are still facing issues, kindly update the JSFiddle with your use case and share it with us so that we can look into the code / chart-options being used, understand the scenario better and help you out.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@thefireescaper,

Can you kindly create JSFiddle reproducing the issue you are facing & share it with us so that we can look into the code / chart-options being used, 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 scenario, 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 suggesting an appropriate solution accordingly.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@thefireescaper,

Glad that you were able to make it work. If you have any further queries or facing any other issues, kindly create a JSFiddle with your use case and share it with us so that we can look into the code / chart-options being used, understand the scenario better and help you out.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@elanchezhiyan,

You can scale-up or scale-down the chart before exporting using exportChart method and reset it back soon after exporting. Please refer to this forum thread for more information.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@thefireescaper,

You can use customBreaks for removing weekend gap from the chart. With the use of scale breaks, there are possibilities that the axis labels may appear at an unequal interval and they may overlap with each other. You can overcome this by using stripLines for labels.

Please take a look at this JSFiddle for an example on the same.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@thefireescaper,

You can try lazy loading the charts. We have tested the same using jquery.inview & it seems to perform better compared to the regular way of rendering charts / stockcharts.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@thefireescaper,

The memory for canvas buffer memory is limited to 25% of the RAM of the device. However, we have optimized memory consumption in CanvasJS v2.3.1 and v3.6. Kindly download the latest version of CanvasJS Charts from our download page.

To optimize the performance further, you can try lazy loading the charts. We have tested the same using jquery.inview & it seems to perform better compared to the regular way of rendering charts / stockcharts.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS