Labels are rendered at every interval on the axis and not to every dataPoint. However if you like to show labels to dataPoint, you can use label property instead of x-value.
—
Shashi Ranjan
Team CanvasJS
In the code snippet shared above, you are using the label to pass date and time values as string. Instead, you can pass the timestamp of the given date to the x-value. To customize the format of the date and time values on the axis you can use valueFormatString as per your requirement. Please take a look at this gallery example for creating a chart with date and time values in ASP.NET MVC.
—
Shashi Ranjan
Team CanvasJS
Can you 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 and help you out? Alternately, you can share a sample project reproducing the issue over Google Drive or Onedrive if you are unable to create a JSFiddle.
—
Shashi Ranjan
Team CanvasJS
Chart properties like data, dataPoint, x, y, etc. are case-sensitive. In the sample project shared above, the key of x and y-values in dataPoints are passed as { X: 10, Y: 10}
instead of { x: 10, y: 20 }
. Mentioning key(within key-value pair) of JSON in lowercase should work fine in this case. Please take a look at this updated sample.
—
Shashi Ranjan
Team CanvasJS
Width of the dataPoint is dependent on multiple factors like number of dataPoints, viewport range, etc. In your case, the dataPoint width is limited to 1 pixel, which you can override by setting the dataPointMinWidth. Please take a look at this updated JSFiddle.
—
Shashi Ranjan
Team CanvasJS
Can you kindly create a sample project reproducing the issue and share it over Google-Drive or Onedrive along with the sample data so that we can look into the code, run it locally to understand the scenario better and help you resolve?
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 sample project helps us in figuring out the issue and suggesting an appropriate solution accordingly.
—
Shashi Ranjan
Team CanvasJS
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 time we can just edit your code on JSFiddle to fix the issue right away.
—
Shashi Ranjan
Team CanvasJS
The dataPoint with the value 1583301600001 denotes Mar 04, 2020 – present to the left extreme of the chart. As all other dataPoint values are of Mar 11, 2020, with slight differences in seconds they are rendered towards the right extreme of the chart. To understand it better, you can change the type to line as shown in this JSFiddle.
—
Shashi Ranjan
Team CanvasJS
The bug was fixed in version 1.9.9, please refer to this blog post for more information. We improve our library by adding new features and by fixing bugs in every version. I suggest you use latest version for the latest features that are compatible with the latest browsers.
Irrespective of the source of CanvasJS script, by using CanvasJS you are bound by EULA. Kindly contact sales[at]canvasjs[dot]com for queries related to licensing.
—
Shashi Ranjan
Team CanvasJS
StripLines are drawn from the axis line till the opposite end of the plot-area and can’t be restricted until the dataPoint value itself.
However, you can achieve the above requirement by using dummy dataSeries of a line chart as shown in this JSFiddle.
Considering this as a duplicate of Change Height of Stripline on Axis X, hence closing the same.
—
Shashi Ranjan
Team CanvasJS
StripLines are drawn from the axis line till the opposite end of the plot-area and can’t be restricted until the dataPoint value itself.
However, you can achieve the above requirement by using dummy dataSeries of a line chart as shown in this JSFiddle.
—
Shashi Ranjan
Team CanvasJS
Can you please check the version of CanvasJS being used by you?
If you are using an older version, kindly use the latest version of CanvasJS and let us know your feedback.
If the issue still persists, kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive along with the sample data so that we can look into the code, run it locally to understand the scenario better and help you resolve?
—
Shashi Ranjan
Team CanvasJS
CanvasJS can be easily integrated with front-end frameworks like React, Angular, Vuejs, Ionic, etc. Please take a look at this gallery page for examples on integrating CanvasJS with your Angular application.
—
Shashi Ranjan
Team CanvasJS