Forum Replies Created by Vishwas R

Viewing 15 posts - 1,111 through 1,125 (of 1,604 total)
  • in reply to: Multiple Chart with Data from csv-file #20590

    Marco,

    Can you kindly create jsfiddle along with sample data, so that we can look into the issue and help you out?


    Vishwas R
    Team CanvasJS

    in reply to: Trial Version text #20589

    @danielz,

    Please download the commercial version from My Account Page. Once downloaded, replacing trial version of the script with commercial version (canvasjs.min.js incase of Chart & canvasjs.stock.min.js incase of StockChart) should work fine. We recommend you to clear the browser cache and try refreshing the page after replacing the script.


    Vishwas R
    Team CanvasJS

    in reply to: CanvasJS not defined #20580

    Alex,

    Please check this stackoverflow thread where it says pure JS also works with SPFx. Can you kindly include jquery.canvasjs.min.js and check if that works fine in your case. Incase if you have included jquery.canvasjs.js, kindly include canvasjs.js along with jquery.canvasjs.js.


    Vishwas R
    Team CanvasJS

    in reply to: default series color #20578

    Larry,

    Its not possible to get dataSeries color using get method as of now.

    However you can get the colorSet of the theme being used with the help of chart._selectedColorSet (which is an interval variable). Please take a look at this jsfiddle.


    Vishwas R
    Team CanvasJS

    in reply to: display legent without data #20577

    Larry,

    You can set the dataPoint value to first dataPoint x-value of any other dataSeries. Please take a look at this updated jsfiddle.


    Vishwas R
    Team CanvasJS

    in reply to: Creating Multi Series Chart in AJAX with JSON #20573

    @yansonalvin97,

    You can update the chart data by changing options and calling chart.render();. Please refer to this documentation page for step-to-step tutorial on the same.
    Adding / Updating Chart Datapoint Dynamically from a Button
    in your case, you need to group the datapoints from JSON based on year. Please take a look at this updated JSFiddle.

    Also, we suggest you to initialize chart once before AJAX rather than initializing it on every AJAX calls.


    Vishwas R
    Team CanvasJS

    in reply to: Responsive Font Size – IndexLabelFontSize #20570

    Ryan,

    Font size remains the same even after resize as you are setting indexLabelFontSize to 36. You can change indexLabelFontSize on resize of window and relate it to chart-container width and can have minimum and maximum limits on the same.

    Kindly take a look at the code-snippet below,

    $(window).resize(function() {
    		
        for(var i = 0; i < chart.options.data.length; i++){
    	chart.options.data[i].indexLabelFontSize = Math.min(36, Math.max( 12, $("#chartContainer").width() / 10));  
        }
        chart.render();
    }); 

    Please take a look at this updated jsfiddle.

    responsive index label font size


    Vishwas R
    Team CanvasJS

    in reply to: Creating Multi Series Chart in AJAX with JSON #20565

    @yansonalvin97,

    One more question, is it possible to switch from multi series chart like stackedBar, stackedColumn graph to pie graph or doughnut graph?

    Pie/Doughnut charts doesn’t support multi-series as of now. However switching between stackedBar/stackedColumn to pie/doughnut works fine where chart accepts and renders only first dataSeries.

    The data of this graph comes from a json and I dont want to have a duplicate in the year. Can you please tell me whats going on? Thank you. This is my json

    Can you kindly create jsfiddle with sample data, so that we can understand it better and help you out?


    Vishwas R
    Team CanvasJS

    in reply to: zoom not working. #20546

    @kinokatsu,

    The behavior is designed such that zooming is limited upto a certain region, so the user doesn’t end up zooming into a blank-region (region with no dataPoints). To zoom into a certain region, there should be a minimum of 3-4 dataPoints.

    In your case, zoom doesn’t work as its getting invalidated over axisY. However zoomType: ‘x’ works fine in your case.

    We will reconsider this behavior for future releases.


    Vishwas R
    Team CanvasJS

    in reply to: Creating Multi Series Chart in AJAX with JSON #20545

    @yansonalvin97,

    Please refer this documentation page for step-to-step tutorial on rendering chart with data from JSON. Adding another dataseries should let you create multi-series chart. Please find the code-snippet below.

    $.getJSON("https://api.npoint.io/bad5c5a9b3669e0ff3ee", function(data) {
    for(var i = 0; i < data.length; i++) {
        dps1.push({ label: data[i].label, y: data[i].y1 });
        dps2.push({ label: data[i].label, y: data[i].y2 });            
      }
    });

    Please take a look at this JSFiddle for complete code.
    Multi-Series Line Chart from External JSON


    Vishwas R
    Team CanvasJS

    in reply to: The label on the X axis protrudes. #20544

    @kinokatsu,

    Glad that you found another way to handle this case and thanks for sharing the same here, which may help others aswell.

    Sorry, animation from bottom to top in case of area chart is not available as of now.


    Vishwas R
    Team CanvasJS

    in reply to: Extending splinearea to margins #20543

    @austenbass,

    You can set axisX minimum and maximum to the first and last dataPoint value respectively. Please take a look at this updated jsfiddle.


    Vishwas R
    Team CanvasJS

    in reply to: CanvasJS not defined #20542

    @purchase,

    Can you kindly create jsfiddle reproducing the issue or share sample project along with sample data over google-drive or onedrive, so that we can understand the scenario better and help you out?


    Vishwas R
    Team CanvasJS

    in reply to: Stacked column with fill patterns #20541

    Sudhir,

    It’s possible to position image on top of chart with the help of convertValueToPixel method. Please take a look at this jsfiddle.


    Vishwas R
    Team CanvasJS

    in reply to: Switching multi series charts #20540

    @yansonalvin97,

    Incase of multi-series chart, you just need to update the type of every dataSeries. Please take a look at this updated jsfiddle.


    Vishwas R
    Team CanvasJS

Viewing 15 posts - 1,111 through 1,125 (of 1,604 total)