@maizurahhh_,
You can create a gradient effect on the area chart by looping through your data points array and creating a separate dataseries with color property for each of the datapoint. Kindly refer to this JSFiddle for an example on the same.
— Adithya Menon Team CanvasJS
@kinokatsu,
To eliminate the calculation of plotting data, you can get the canvas context of the chart and draw a line directly on the canvas. Kindly take a look at this JSFiddle for an example on the same.
To achieve your requirement, you can use the same line chart type and disable the markers and toolTip by setting the markerType property to none and the toolTipContent property to null.
none
null
Kindly take a look at this JSFiddle for an example on the same.
Mahdi,
The datapoint y-value can only accept numeric values as of now. Passing the y as numerical values should work fine in your case.
If you are still facing any issue, 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 look into your code, run it locally at our end to understand the scenario better and help you out?
@emil-gustavssonauralight-com,
You can use indexLabel to show the labels on each column in a column chart. If you want to position the labels inside the column, you can set the indexLabelPlacement property to inside.
inside
If this doesn’t fulfill your requirements, kindly share an example or a pictorial representation.
@xliff,
Sorry for the inconvenience caused. I have forwarded this use-case to the backend team so that they can look into it.
Thanks for your feedback.
Kurt,
Can you kindly create JSFiddle with sample JSON data, so that we can understand your scenario better and help you out with a suitable solution?
@vinay4422,
To achieve your requirement, you can pass the toolTipContent property of the dummy data point as null.
Kindly refer to this JSFiddle for an example on the same.
If the solution suggested doesn’t fulfill your requirement, kindly brief us further about your use case so that we can understand your scenario better and help you out with an appropriate solution.
The current behaviour of the null datapoint is as per design. However, to achieve your requirement, you can set the y-value of “May 23” to the same y-value as the previous datapoint and add a dummy datapoint with y-value as null in between the “May 23” and “June 23” data points. Kindly refer to this JSFiddle for an example on the same.
@jjurack,
Sorry for the inconvenience caused. We will be improving this behaviour in the future versions. Meanwhile, setting the minimum and maximum properties of the X axis seems to be working fine. Please take a look at this code snippet,
axisX : { minimum: 0.100, maximum: 0.1010 }
@yuic-sk12345,
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?
Ragu nathan,
To use CanvasJS commercial version package, kindly download the commercial version files from the My Account Page and follow the instructions provided in the downloaded zip file.
To display timestamp values as Date & Time, you will have to set xValueType property to “dateTime”. You can format the date-time values shown in axis labels and tooltip using xValueFormatString property and valueFormatString property accordingly.
Matt,
We have just added CanvasJS React Chart & StockChart packages to NPM registry. Now, you can add our React chart & stockchart packages to your React application via NPM. Please refer to the release blog for more information. Please check out our NPM package and let us know your feedback.
— Adithya Menon, Team CanvasJS
@jgurtz,