[Vishwas R]

@tcodeuser,

ui.newTab.index() gives you the index of the current tab, which is 2 in this case. However you are trying to access charts[index] and charts2[index], i.e. charts[2] and charts2[2] which doesn’t exists as the length of both charts and charts2 is 1. Rendering chart1 and chart2 (or charts[0] and charts2[0]) on ‘tabsactivate’ should work fine in this case. Please take a look at this updated jsfiddle.

Still, if you are facing any issue please create a jsfiddle with sample data and share it with us so that we can understand your code better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Ryan

We have just released v2.1.1 with this fix. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@saul_romero,

Animation happens only on first render of chart, as of now. And the code you have shared seems to be working fine with animation. Please take a look at this jsfiddle.

If this doesn’t fulfill your requirements or if you are facing any other issues, can you please create a jsfiddle and share it with us so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jwk,

You have missed out closing window.onload function because of which its throwing error – please check browser-console. Also we would suggest you to instantiate chart once and update dataPoints on every ajax-request instead of creating new chart on every ajax-request. Please download the updated code and let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@KUmemura,

When all dataSeries are hidden, axisX value-type falls back to default, number. Because of this behavior and as you have set valueFormatString to “DD MMM”, you get to see “DD MMM” on axis instead of date-time.

We will reconsider this behavior in our future releases.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Debbie,

Labels will be rendered at every interval, which is auto-calculated based on width of the chart and the range of x-values. You can set interval to 1, to show labels at every dataPoint in this case. Please take a look at this updated jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Debbie,

You can use indexLabels to show y-values as shown in the link shared. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Debbie,

CanvasJS Chart automatically sets the height and width of the chart according to container’s dimensions. If the values are not set for the container, it takes the default values.

In Bootstrap tabs, since the second tab is not displayed initially, chart takes the default values. To solve this issue, second chart is rendered when the shown.bs.tab event is fired by bootstrap. Please take a look at this jsfiddle.

In jQuery tabs, you need to render chart when a tab becomes active. Please take a look at jQuery Gallery for an example on the same.

Still, if you are facing any issue, kindly create jsfiddle with the issue you are facing and share it with us so that we can look into it and understand better to help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@KUmemura,

Thanks for sharing jsfiddle. We are looking into the issue and get back to you at the earliest.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Debbie,

Can you please share a pictorial representation or jsfiddle with your requirements so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@mhdajmalik,

You can use one of the valid JavaScript date-time formats. When you use x: new Date(2018,04,09),, 4 corresponds to May where as when you use x: new Date(“2018-04-09”),, 4 corresponds to April. Because of change in month, you may observe label properly positioned to the dataPoint in one case and not positioned in another case. As of now we don’t have option to control the starting point of the axis labels, however you can try axis interval and intervalType to fit into your requirement. If that doesn’t help you out, kindly create jsfiddle with your requirement so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jwk,

Can you please check browser console for error Uncaught SyntaxError: Unexpected token ) - csvtest-update.htm:72. It seems like there is some mismatch of brackets in your code.

If you are facing any other issue, kindly create jsfiddle or share static html/php files over onedrive/google-drive so that we can understand your code better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@mhdajmalik,

Axis labels are not rendered for every dataPoint instead its rendered at every interval. However if you like to show label for every dataPoint, you can use label property instead of x-value. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@mhdajmalik,

Can you kindly create jsfiddle reproducing the issue you are facing so that we can look into it and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@psergey,

It seems to be working fine using import module. Please download the Sample Project of CanvasJS Charts integrated with Angular 5 CLI. Also take a look at Angular Charts Gallery for few more examples.

—
Vishwas R
Team CanvasJS