[Manoj Mohan]

@xavcactus,

You can work around this using showOnTop property as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@meena,

Please take a look at this gallery page for examples on integrating CanvasJS in Angular app.

If you are still facing the issue, kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive along with sample data so that we can look into the code, understand your scenario better and help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeb29,

In the updated sample shared, flexbox properties are set to the div (.chart) which contains all the chart. This seems to be working fine, i.e. charts are positioned next to each other.

If you are still facing the issue, kindly brief us further about the issue you are facing so that we can help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@xavcactus,

Legend for a stripline is not possible as of now. As mentioned earlier, legends are used to represent dataSeries.

Based on the solution that you have shared, you need to update the legend items once the chart is re-rendered.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeb29,

Passing the width value as a property of containerProps should work fine in your case. Please take a look at this updated sample project for the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@skp,

Re-rendering the chart on closing and opening the sidemenu should work fine in your case.

If you are still facing the issue, kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive along with sample data so that we can look into the code, understand your scenario better and help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeb29,

You can generate a shareable link and post it in this thread.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@willpickens,

JavaScript outputs the time according to the local timezone of the machine it’s running on. Setting JavaScript Date to your particular time zone should work fine in your case. Please refer this Stack Overflow thread for more information.

—–
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeb29,

Can you kindly create a sample project reproducing the issue you are facing and share it with us over Google-Drive or OneDrive along with sample data so that we can run it locally at our end, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@xavcactus,

Legends are basically used to represent dataSeries in the chart. To give some identification to stripLines, you can use labels property.

Can you kindly share your exact scenario and requirement, so that we can suggest an optimal solution?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@wer0ckz,

minimum sets the minimum value for axis. Values smaller than minimum in axis are clipped. However, when you pass the dataPoints in options, chart will consider all the dataPoint to render it. If you like to display dataPoints only for a certain range, you can filter and remove all the dataPoints beyond the required range.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ciere,

You can achieve this using CanvasJS as provided in the above JSFiddle.

Please feel free to post any queries related to CanvasJS.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@wer0ckz,

The code you provided converts to millisecond and it does not identify the time from my json timestamp.

The timestamp present in the JSON that you have shared is in UNIX timestamp because of which it has been converted to JavaScript timestamp.

Is it possible you can give me an example of a chart that uses 24 hours?

You can group it according to your requirement either by day or hour. Please take a look at this JSFiddle for an example on grouping the data by an hour.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ciere,

Please take a look at this updated JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@wer0ckz,

Please take a look at this JSFiddle.

—-
Manoj Mohan
Team CanvasJS