Forum Replies Created by Thangaraj Raman

Viewing 15 posts - 106 through 120 (of 229 total)
  • in reply to: stacked rangebar order by date #42174

    @dpanscik,

    Sorting datapoints by x values using the below code snippet seems to be working fine for data-time values as well. Please check this JSFiddle for a working example.

    function compareDataPointX(dataPoint1, dataPoint2) {
      return dataPoint1.x - dataPoint2.x;
    }

    If you are still facing issues, 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: AJAX return data #42159

    @dpanscik,

    Glad you were able to figure it out. As of now, AJAX call has to be performed separately, and chart options can be updated based on the data fetched from it.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Chart not work in ios #42137

    @bhuvnesh,

    CanvasJS stockchart works fine in both Windows and iOS. Can you kindly create a 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?


    Thangaraj Raman
    Team CanvasJS

    in reply to: Chart Support #42111

    @junjun,

    Can you kindly brief us further about your requirement, and share an example or a pictorial representation so that we can understand your scenario better and help you out?


    Thangaraj Raman
    Team CanvasJS

    in reply to: How to implement scrolling on mobile? #42110

    @junjun,

    Can you kindly brief us further about your requirement, and share an example or a pictorial representation so that we can understand your scenario better and help you out?


    Thangaraj Raman
    Team CanvasJS

    @mcigorli,

    You can set the minimum and maximum properties for axis-y after rendering the chart using the set() method to achieve your requirement.

    Please take a look at this updated JSFiddle for a working example.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Increasing the height of the index label position. #42091

    @elanchezhiyan,

    Index labels cannot be positioned outside the plot area as of now. Based on your requirement using striplines and their labels is a possible solution.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Timeline Chart (Image Shown) #42089

    @vikkriko,

    You can set the showInLegend property to true to display a legend item for a particular dataseries.


    Thangaraj Raman
    Team CanvasJS

    @mcigorli,

    Auto-calculated axis range depends on multiple factors which include values of entire dataseries as well. From the screenshots shared, we are unable to predict the exact use-case / scenario properly. Hence, 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?


    Thangaraj Raman
    Team CanvasJS

    in reply to: Show tooltip when hovered over stripline label #42027

    @mustadirmahmood,

    As mentioned earlier, it is not possible to display tooltip for stripline labels as of now. However, you can position a hidden div on top of a stripline label based on its bound and display a custom tooltip for that div with a few lines of code. Please take a look at the code snippet below.

    function addStriplineLabelTooltip() {
        var stripLine = chart.axisX2[0].stripLines[0];
        var tooltip = $("<div class='tooltip'><span class='tooltiptext'>Tooltip Content</span></div>");
        $(tooltip).css({"height": "12px", "width": stripLine.get("label").width() + "px", "left": stripLine.get("bounds").x1 + "px", "top": stripLine.get("bounds").y1 - 11 + "px"})
        $(chart.container).append(tooltip);  
    }

    Please check this updated JSFiddle for a working example.

    Tooltip for stripline label


    Thangaraj Raman
    Team CanvasJS

    in reply to: Increasing the height of the index label position. #41999

    @elanchezhiyan,

    It looks like you are using a multi-series line chart to render the lines and scatter chart for the labels. Instead, you can use axisX2 stripLines and set labelPlacement to outside to achieve your requirement.

    Please check this JSFiddle for a working example.

    Chart with secondary x-axis striplines


    Thangaraj Raman
    Team CanvasJS

    in reply to: Fixed Y-Axis on multi Y-Axis chart #41978

    Jim,

    As previously addressed in this forum thread, setting y-axis minimum & maximum properties should work fine in this case.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Live StockChart with Navigator #41964

    @mcigorli,

    1. How to make the navigator follow the new data if the navigator is in the far right corner?

    Please check this gallery page for an example of a dynamic/live stockchart where the position of the slider is updated as new data is added to the chart.

    2. How to make a gap at the beginning as shown in the picture?

    You can set the x-axis viewPortMaximum to a value greater than the last datapoint to add gap towards the right side of the chart as per your requirement from the screenshot.


    Thangaraj Raman
    Team CanvasJS

    in reply to: chart is not loading when intervaltype is change #41945

    @kishanbhola1311gmail-com,

    The range between the datapoints in your example is in minutes, however, you are setting the intervalType to hour, due to which axis labels are missing since labels are outside the viewport range. Setting x-axis viewportMinimum seems to be working fine in your case.

    Please check this JSFiddle for a working example.


    Thangaraj Raman
    Team CanvasJS

    in reply to: Easiest Google Sheets Integration? #41933

    @hejenemy,

    You can read a specific row from the CSV file by its index / header. Please take a look at this documentation page for a step-by-step tutorial on rendering charts with data from a CSV file and parsing it. Also, please refer to this article for more information on parsing CSV data.


    Thangaraj Raman
    Team CanvasJS

Viewing 15 posts - 106 through 120 (of 229 total)