Forum Replies Created by Thangaraj Raman

Viewing 15 posts - 31 through 45 (of 226 total)
  • in reply to: Using CanvasJs from Typescript #44490

    @friksa,

    You can download the commercial version of CanvasJS from My Account page and follow the instructions in the readme file to integrate it into your project.


    Thangaraj Raman
    Team CanvasJS

    in reply to: how to enable chart toolbar #44455

    @pritish70,

    Please take a look at this gallery example where exporting is enabled. Setting the exportEnabled property to true in chart option seems to work fine. Please refer to documentation for more chart options & customizations available.


    Thangaraj Raman
    Team CanvasJS

    in reply to: how to enable chart toolbar #44449

    @pritish70,

    You can enable the chart toolbar for printing and saving charts as an image in CanvasJS Angular Charts by setting exportEnabled to true.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Multi series pareto chart #44317

    @lujakob,

    The interval at which axis labels are shown is auto-calculated based on the axis range. You can set the x-axis interval to 1 to show the x-axis labels at whole numbers.

    Please check this updated StackBlitz for a working example of the same.


    Thangaraj Raman
    Team CanvasJS

    in reply to: stacked column stacked all label into 1 column #44312

    @chteow,

    In the case of Stacked Charts, datapoints across multiple dataseries are aligned based on x-values and not labels. Passing x-value along with the label should work fine in this case.

    Please take a look at this JSFiddle for a working example on the same.

    StackedColumn chart aligned based on x-values


    Thangaraj Raman
    Team CanvasJS

    in reply to: Scaling charts #44291

    @irene,

    By default, the chart width is 100% and height is 400px. To scale the chart, you can set the width and height of the container in which the chart will be rendered based on your requirement as shown in the code snippet below.

    <div id="chartContainer" style="height: 500px; width: 800px;">


    Thangaraj Raman
    Team CanvasJS

    in reply to: Range column graph with different index labels #44268

    @alexg00,

    1. Is it possible in range area chart to have top and bottome lines in different color?

    It is not possible to set different colors for the top and bottom lines of a range area chart as of now. However, you can add a line dataseries with the y-values same as one of the range values in the range area chart to fulfill your requirement. Please take a look at this JSFiddle for a working example on the same.

    2. Is it possible to set a different area color between points in the range area chart?

    The range area chart can only have one fill color as of now. However, by splitting your datapoints into multiple range area dataseries, you can achieve your requirement. Please take a look at this JSFiddle for a working example on the same.

    3. Is it possible to set a different chart background color between points in the range area chart?

    Could you please elaborate on what you mean by “set a different chart background color between points” or share a pictorial representation of this requirement so that we can understand your scenario better and help you out with an appropriate solution?

    Range Area Chart with different line colors


    Thangaraj Raman
    Team CanvasJS

    in reply to: Not unsibscribing from events #44242

    @alexg00,

    Events are bound to the Stockchart only once during instantiation and not when the StockChart is re-rendered.


    Thangaraj Raman
    Team CanvasJS

    in reply to: data series legend menu? #44152

    @phil-delhaisegmail-com,

    You can show the context menu by checking if the click has occurred in the legend bounds with the help of legend bounds.

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

    Context Menu for Legend


    Thangaraj Raman
    Team CanvasJS

    in reply to: Multi series pareto chart #44123

    @lujakob,

    You can add an offset to the x-values in the line chart in order to align them to their respective columns as shown in the code snippet below:

    dps1.push({label: chart.data[0].dataPoints[i].label, x: chart.data[0].dataPoints[i].x - 0.25, y: yPercent1});
    dps2.push({label: chart.data[0].dataPoints[i].label, x: chart.data[0].dataPoints[i].x + 0.25, y: yPercent2});

    Please check this updated StackBlitz for a working example.

    Multiseries Pareto Chart


    Thangaraj Raman
    Team CanvasJS

    in reply to: Multi series pareto chart #44078

    @lujakob,

    You can add another column dataseries to the chart, and apply the same logic as in the Angular Pareto Chart gallery example to create another line series.

    Please take a look at this StackBlitz for a working example.

    Multiseries Pareto Chart


    Thangaraj Raman
    Team CanvasJS

    in reply to: Dynamic Chart to display Current Sensor Data #44049

    @anirudhspriyan,

    Please take a look at this gallery page for an example of a dynamic chart that updates every 1 second, created in Angular. This example uses random data, however, you can pass sensor data to the chart every 1 second to achieve your requirement.

    Angular Dynamic Chart


    Thangaraj Raman
    Team CanvasJS

    in reply to: How to add average data in my vue line graph #44000

    Justine,

    Can you kindly create a sample project reproducing the issue and share it with us over Google Drive or OneDrive so that we can look into the code, run it locally to understand the scenario better, and help you out?


    Thangaraj Raman
    Team CanvasJS

    in reply to: How to add average data in my vue line graph #43980

    @uncleboss12,

    You can parse your data to the format accepted by CanvasJS and create 2 different datapoint arrays for the rangeArea and line dataSeries respectively.

    Please check this JSFiddle for a working example.

    Range area chart with average line


    Thangaraj Raman
    Team CanvasJS

    in reply to: Percent Bars #43960

    @rain,

    Can you kindly brief us further on your requirement with a pictorial representation or a JSFiddle so that we can understand your requirement better and suggest an appropriate solution?


    Thangaraj Raman
    Team CanvasJS

Viewing 15 posts - 31 through 45 (of 226 total)