Forum Replies Created by Ananya

Viewing 15 posts - 1 through 15 (of 33 total)
  • in reply to: how to correct use timestamps in range? #60158

    asbuka,

    Date-time values over y axis is not supported as of now. However, formatting the timestamp values to show it as date-time using labelFormatter should work fine in this case. Please take a look at this JSFiddle for a working example of the same.

    Gantt Chart using RangeBar chart

    Please refer to this article for more information about creating Gantt Charts.


    Ananya Deka
    Team CanvasJS

    in reply to: Issue With Chart Zoom #60068

    @arj,

    We are unable to reproduce the issue. Can you kindly create a JSFiddle (or a sample project) reproducing the issue and share it with us so that we can run it locally at our end, understand the scenario better and help you out?


    Ananya Deka
    Team CanvasJS

    in reply to: Pyramid Chart itemClick #60049

    @taoufiq,

    We have released v3.10.15 GA with the fix for this bug. Please refer to the release blog for more information.

    Do download the latest version from download page & let us know your feedback.


    Ananya Deka
    Team CanvasJS

    in reply to: Pyramid Chart itemClick #59954

    @taoufiq,

    It is possible to show/hide dataSeries using itemClick option in legend. Please take a look at this JSFiddle for an example of the same.


    Ananya Deka
    Team CanvasJS

    in reply to: Drawing horizontal lines #59900

    @rbadis,

    chart.addTo() method is used to add the line dataseries programmatically, as shown in the example. The code you are trying does not work because the series needs to be created before “type” or “datapoints” can be assigned.

    If you are looking to change the y-values such that the line is centered vertically, you can use the y-axis range to calculate the midpoint. In case you are still having issues, please create a JSFiddle and share with us, so that we can understand your scenario better and help you out.


    Ananya Deka
    Team CanvasJS

    in reply to: Making dashed legend marker #59893

    @kkoroleva,

    Setting legendMarkerType as ‘triangle’, and legendMarkerColor as ‘white’ seems to be working fine, and creates a dashed line legend marker. You can take a look this JSFiddle for the complete example.

    Chart with dashed legend marker

    If you are still facing any issue, please share a JSFiddle reproducing your use case, so that we can look into it and help you out.


    Ananya Deka
    Team CanvasJS

    • This reply was modified 1 month, 2 weeks ago by Vishwas R.
    • This reply was modified 1 month, 2 weeks ago by Ananya.
    in reply to: Drawing horizontal lines #59875

    @rbadis,

    Striplines are drawn either from top to bottom, or from left to right extremes. However, you can use a line chart to achieve your requirement. Please take a look at this JSFiddle for an example of the same.

    Chart with stripline and connecting line


    Ananya Deka
    Team CanvasJS

    in reply to: Last 24 hours on X axis from mysql #45867

    @amon75,

    Please refer to this Stack Overflow thread for more information on fetching last 24 hours’ data from database. You can pass the fetched data to the chart and render it.


    Ananya Deka
    Team CanvasJS

    in reply to: Last 24 hours on X axis from mysql #45838

    @amon75,

    Please take a look at this gallery page for an example on rendering chart with data fetched from MySQL database. you can also refer to this page for an article about the same.


    Ananya Deka
    Team CanvasJS

    in reply to: Update #45800

    @netbal21,

    You can get a reference to the chart instance and use it to update the data. Please take a look at this StackBlitz for an example of the same. You can also take a look at this gallery page for more examples of dynamic charts.


    Ananya Deka
    Team CanvasJS

    in reply to: why are some columns smaller than others? #45765

    @scompliance,

    Since the two charts have varying number of dataseries, there is a difference in datapoint width. You can use dataPointWidth property to enforce the same column width across the charts.


    Ananya Deka
    Team CanvasJS

    in reply to: why are some columns smaller than others? #45745

    @scompliance,

    Datapoint width depends on multiple factors including range of x-axis, number of dataseries, sequence of datapoint values, etc. Sorting the data by x-values should work in your case, and give you columns of similar width. Please take a look at this updated JSFiddle for an example of the same.

    column charts - datapoint width


    Ananya Deka
    Team CanvasJS

    in reply to: background on plot area #45702

    @scompliance,

    Setting the stripline that is used to set the background color to be the first in the stripLines array should work fine in this case. Please take a look at this updated JSFiddle for an example of the same.


    Ananya Deka
    Team CanvasJS

    in reply to: background on plot area #45685

    @scompliance,

    Thanks for your feedback. We will add it to our wishlist. In the meantime, you can use stripline to apply background color to the plotarea as a workaround. Please refer to this JSFiddle for an example of the same.


    Ananya Deka,
    Team CanvasJS

    @sujeet,

    You are getting this warning because angular-charts package uses CommonJS/AMD modules. You can suppress the warning by adding it to allowedCommonJsDependencies under build options in your angular.json file, as shown below:

    "build": {
        "options": {
            "allowedCommonJsDependencies": [
                "@canvasjs/angular-charts"
            ],
            ...
        },
        ...
    }

    Please refer to this angular documentation for more information.


    Ananya Deka
    Team CanvasJS

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