Forum Replies Created by Adithya Menon

Viewing 15 posts - 1 through 15 (of 191 total)
  • in reply to: Gradient Area Color #43311

    @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.

    area chart with gradient


    Adithya Menon
    Team CanvasJS

    in reply to: Draw an arrow. #43242

    @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.


    Adithya Menon
    Team CanvasJS

    in reply to: Draw an arrow. #43218

    @kinokatsu,

    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.

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


    Adithya Menon
    Team CanvasJS

    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?


    Adithya Menon
    Team CanvasJS

    @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.

    If this doesn’t fulfill your requirements, kindly share an example or a pictorial representation.


    Adithya Menon
    Team CanvasJS

    in reply to: Using with MQTT #43088

    @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.


    Adithya Menon
    Team CanvasJS

    in reply to: Using with MQTT #43077

    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?


    Adithya Menon
    Team CanvasJS

    in reply to: Plotting data with null value #43076

    @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.


    Adithya Menon
    Team CanvasJS

    in reply to: Plotting data with null value #42968

    @vinay4422,

    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.


    Adithya Menon
    Team CanvasJS

    in reply to: Line plot hangs with two single-point series #42953

    @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
    }

    Kindly refer to this JSFiddle for an example on the same.


    Adithya Menon
    Team CanvasJS

    in reply to: ValueFormatString of axisX #42834

    @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?


    Adithya Menon
    Team CanvasJS

    in reply to: Integrate commercial CanvasJs via NPM #42790

    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.


    Adithya Menon
    Team CanvasJS

    in reply to: ValueFormatString of axisX #42789

    @yuic-sk12345,

    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.


    Adithya Menon
    Team CanvasJS

    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

    in reply to: Can canvasjs work with webpack #42736

    @jgurtz,

    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

Viewing 15 posts - 1 through 15 (of 191 total)