Forum Replies Created by Sanjoy

Viewing 15 posts - 121 through 135 (of 177 total)
1 2 3 … 8 9 10 11 12
  • May 30, 2016 at 7:45 pm in reply to: showInLegend hides chart #10595

    Sanjoy

    Thanks Luka, for reporting the issue.

    We have resolved this bug just a few days back. Here is an internal build with the issue fixed. Please let me know if this worked at your end.

    May 30, 2016 at 3:42 pm in reply to: Help with Dynamic chart, please !!! #10592

    Sanjoy

    You have to replace the link with your PHP file. I have updated updateChart. Finally your code should look like…..

    $(document).ready(function() {

	var chart;
	
	$.getJSON("ratingsdata.php", function(result) {

		chart = new CanvasJS.Chart("chartContainer", {
			title: {
				text: "Product Ratings"
			},

			animationEnabled: true,

			data: [{
					dataPoints: result
				}]
		});

		chart.render();
	});
	
	//Function to render the chart on button click

	var updateChart = function() {

		$.getJSON("selected_product.php", function(result) {

			var data = {
					dataPoints: result
				};
			chart.options.data.push(data);
			chart.render();
		});

	};

	//Function for button click event

	document.getElementById("viewratings").onclick = function() {
		updateChart();
	}

});
    May 30, 2016 at 2:23 pm in reply to: Bubble chart with categorical Y-axis #10590

    Sanjoy

    Hi,

    As of now axisY supports only number format but using labelFormatter you can map axisY labels. Here is an example.

    May 30, 2016 at 1:06 pm in reply to: Help with Dynamic chart, please !!! #10586

    Sanjoy

    hitmanbaby2007,

    I am expecting DOMContentLoaded is fired before window.onload. So, here something might go wrong. Please refer http://stackoverflow.com/questions/2414750/difference-between-domcontentloaded-and-load-events

    May 30, 2016 at 12:58 pm in reply to: Help with Dynamic chart, please !!! #10585

    Sanjoy

    cool1,

    Replacing your updateChart with below would render the chart.

    var updateChart = function() {
    $.getJSON("selected_product.php", function(result) {
        var data = {
            dataPoints: result
        };
        chart.options.data.push(data);
        chart.render();
    });
};
    • This reply was modified 8 years, 5 months ago by Sanjoy.
    May 30, 2016 at 10:59 am in reply to: Aligning Multiple Vertical Charts #10583

    Sanjoy

    Arcticio,

    Thanks for your feed-back. Are you looking for axisY/Y2 margin?

    May 27, 2016 at 8:10 pm in reply to: Help with Dynamic chart, please !!! #10575

    Sanjoy

    Hi cool1,

    Can you post your sample JSON data. So that we can help you out.

    May 27, 2016 at 8:01 pm in reply to: how to create Multiple Charts on page #10574

    Sanjoy

    @ask123,

    Parsing your CSV data according to the format accepted by CanvasJS should work fine in your case. Please find the code-snippet related to parsing data from your CSV format.
    dataPoints.push({ x: parseInt(rowData[1]), y: parseInt(rowData[2]), name:rowData[0] });

    —
    Sanjoy

    May 27, 2016 at 8:00 pm in reply to: Help with Dynamic chart, please !!! #10573

    Sanjoy

    himanbaby2007

    It is tough to guess the issue without knowing your data format. Can you provide your sample data? For now I can suggest you to

    1) In line 5 instead of k+ use k++
    2) Move your document.addEventListener( 'DOMContentLoaded', function (){..code..} in place of updateChart(dataLength).
    3) Check the url in EventSource.

    May 26, 2016 at 1:57 pm in reply to: Help with Dynamic chart, please !!! #10562

    Sanjoy

    In this case you have to change updateChart function as

    var updateChart = function (yVal) {
			
			xVal ++;
			dps[xVal % dataLength].y = yVal;
			dps[(xVal+gap) % dataLength].y = null;
			
			chart.render();		

		};

    And in your eventListner function you have to call updateChart(e.data);
    I hope this will help you to implement required chart.

    May 25, 2016 at 1:00 pm in reply to: Graph a CSV file with number of points #10557

    Sanjoy

    Baekmark,

    For showing certain number of lines from the end you can modify the processData function as below for iterating over number of lines.

    <!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function () {

    $.ajax({
        type: "GET",
        url: "Data.csv",
        dataType: "text",
        success: function (data) { processData(data); }
    });

    function processData(allText) {
        var numberOfLinesFromEnd = 10;
        var allLinesArray = allText.split('\n');
        if (allLinesArray.length > 0) {
            var dataPoints = [];
            for (var i = Math.max(0, allLinesArray.length - numberOfLinesFromEnd) ; i <= allLinesArray.length - 1; i++) {
	        var rowData = allLinesArray[i].split(',');
	        if(rowData && rowData.length > 1)
	            dataPoints.push({ label: rowData[0], y: parseInt(rowData[1]) });
            }
            chart.options.data[0].dataPoints = dataPoints;
            chart.render();
        }
    }

            
    var chart = new CanvasJS.Chart("chartContainer", {
        theme: "theme2",
        title: {
            text: "Basic Column Chart – CanvasJS"
        },
        data: [
        {
            type: "column",
            dataPoints: []
        }
        ]
    });
            
});
</script>
<script type="text/javascript" src="canvasjs.min.js"></script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>
    May 25, 2016 at 11:51 am in reply to: Help with Dynamic chart, please !!! #10556

    Sanjoy

    If you want to update on Click of button instead of setInterval you can use

    document.getElementById("updateButtonId").onclick = function(){ updateChart(5); }

    May 24, 2016 at 2:13 pm in reply to: Help with Dynamic chart, please !!! #10553

    Sanjoy

    Hi,

    I hope this example will help you to implement the same as your link.

    May 24, 2016 at 10:58 am in reply to: Binary Interval on Y Axis #10552

    Sanjoy

    Hi,

    Thanks for sharing your view. Binary Interval is not in out roadmap yet. But we will consider it in future.

    May 23, 2016 at 7:37 pm in reply to: Figures on Bars #10549

    Sanjoy

    Setting indexLabelPlacement to “outside” and viewportMaximum/viewportMinimum you can surely show all the indexLabels outside the bar.

Viewing 15 posts - 121 through 135 (of 177 total)
1 2 3 … 8 9 10 11 12