Forum Replies Created by Vishwas R

Viewing 15 posts - 61 through 75 (of 1,601 total)
1 2 3 4 5 6 … 105 106 107
  • January 31, 2023 at 6:46 pm in reply to: How to display label both inside and outside of pie chart? #42087

    Vishwas R

    @sanghami,

    It’s not possible to display indexlabels both inside & outside in pie chart, as of now.

    —
    Vishwas R
    Team CanvasJS

    January 30, 2023 at 9:40 am in reply to: Render a chart in a jquery modal #42060

    Vishwas R

    @sierragolf3,

    Please take a look at this Gallery Page for an example on rendering chart inside jQuery modal.

    Chart inside jQuery Modal

    If you are still facing issue, kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out.

    —
    Vishwas R
    Team CanvasJS

    January 9, 2023 at 6:25 pm in reply to: Negative yAxis #41893

    Vishwas R

    Jim,

    Setting minimum & maximum properties should work fine in this case. Please find the code-snippet below.

    axisY: {
  minimum: 0,
  maximum: 30000
},
axisY2: {
  minimum: 0,
  maximum: 12000
}

    —
    Vishwas R
    Team CanvasJS

    January 5, 2023 at 6:12 pm in reply to: Zoom need #41872

    Vishwas R

    @stockprophet1,

    You can zoom either horizontally, vertically or both by setting zoomType property. You can try setting zoomType: "y" to zoom vertically. Please refer to our documentation for more customization options available.

    —
    Vishwas R
    Team CanvasJS

    January 2, 2023 at 10:18 am in reply to: Zoom need #41838

    Vishwas R

    @stockprophet1,

    Based on the link that you have shared, zoomEnabled property is set at stockchart level instead of chart level. Setting it at chart level (in RSI chart) should work fine in your case. Please find the code-snippet below.

    var rsiDPS = calculateRSI(data);
stockChart.addTo("charts", {height: 100, zoomEnabled: true, axisY: [{minimum: 0, maximum: 100, stripLines:[{value:30}, {value: 70}]}],data: [{type: "line", name: "Relative Strength Index (RSI)", showInLegend: true, yValueFormatString: "00", dataPoints: rsiDPS}], legend: {horizontalAlign: "left"}});

    —
    Vishwas R
    Team CanvasJS

    January 2, 2023 at 9:52 am in reply to: how to hide pushed values in tooltip #41837

    Vishwas R

    @jtian,

    Glad that you figured it out :)

    Yes, as you have mentioned setting toolTipContent to null will hide information related to that particular dataseries from the tooltip.

    —
    Vishwas R
    Team CanvasJS

    December 28, 2022 at 8:00 pm in reply to: Zoom need #41827

    Vishwas R

    @stockprophet1,

    You can enable zooming in chart by setting zoomEnabled property to true. Please take a look at ‘Behavior of Zoom / Pan’ section in this documentation page for more information along with example.

    —
    Vishwas R
    Team CanvasJS

    December 23, 2022 at 6:16 pm in reply to: using database data to draw charts #41756

    Vishwas R

    @rubiconx,

    Pushing datapoint values to different arrays & passing them in multi-series chart options should work fine in this case. Please find the code snippet below.

    
<?php
$dataPoints1 = array();
$dataPoints2 = array();

$con=mysqli_connect("localhost","root","","test"); //mysqli_connect("host","username","password","db"); - Refer https://www.w3schools.com/php/func_mysqli_connect.asp for more info

if (mysqli_connect_errno()) {
	echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$sql="SELECT xval,yval1, yval2 FROM datapoints";

if ($result=mysqli_query($con,$sql)){	  
	foreach($result as $row){
		array_push($dataPoints1, array("x"=> $row["xval"], "y"=> $row["yval1"]));
		array_push($dataPoints2, array("x"=> $row["xval"], "y"=> $row["yval2"]));}
}

mysqli_close($con);
?>

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () { 
	var chart = new CanvasJS.Chart("chartContainer", {
		animationEnabled: true,
		exportEnabled: true,
		theme: "light1", // "light1", "light2", "dark1", "dark2"
        exportEnabled: true,
		title:{
			text: "PHP Column Chart from Database - MySQLi"
		},
		data: [{
			type: "column", //change type to bar, line, area, pie, etc  
			dataPoints: <?php echo json_encode($dataPoints1, JSON_NUMERIC_CHECK); ?>
		}, {
			type: "column", //change type to bar, line, area, pie, etc  
			dataPoints: <?php echo json_encode($dataPoints2, JSON_NUMERIC_CHECK); ?>
		}]
	});
	chart.render(); 
}
</script>
</head>
<body>
	<div id="chartContainer" style="height: 360px; width: 50%; margin: auto;"></div>
	<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>
</body>
</html>

    —
    Vishwas R
    Team CanvasJS

    December 22, 2022 at 6:32 pm in reply to: Concatenation Number with String #41736

    Vishwas R

    @reva,

    Y-value supports numbers as of now. However, if you like to show it as ‘100 INR’ in the tooltip, you can try setting yValueFormatString to “#,### INR”. To do the same thing in axis-labels, you can set valueFormatString property.
    Chart Tooltip

    If you are looking for something else, kindly share your requirements so that we can understand it better and guide you accordingly.

    —
    Vishwas R
    Team CanvasJS

    December 20, 2022 at 6:59 pm in reply to: Negative yAxis #41718

    Vishwas R

    Jim Ginn,

    Axis range depends on multiple factors like y-values of dataseries attached, other chart-options like includeZero, interval, minimum, maximum, etc. In your case, multiple dataseries are attached to secondary y-axis that includes range of values from 0.18 to 281. Hence, auto calculated axis minimum includes a negative interval. Setting minimum: 0 should remove negative values in this case.

    —
    Vishwas R
    Team CanvasJS

    December 20, 2022 at 6:59 pm in reply to: remove series without redraw #41717

    Vishwas R

    Chris Trigg,

    Glad that you figured it out :)

    Thanks for bringing this to our notice, we have updated our documentation accordingly.

    When updateChart parameter is passed as true, it updates the chart automatically after removing dataseries. And it doesn’t when it’s passed as false. Please refer to this documentation page for more info along with live example.

    —
    Vishwas R
    Team CanvasJS

    December 20, 2022 at 6:40 pm in reply to: Canvas bar graph #41715

    Vishwas R

    @ankits,

    Rendering bar chart with positive & negative values seems to be working fine. Can you kindly create JSFiddle reproducing the issue you are facing & share it with us, so that we can look into the code / chart-option being used by you, understand the scenario better and help you out?

    From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact scenario, or the solution that we provide may not work properly at your end due to variation in the chart-options being used by you and us. Having a JSFiddle with sample data helps us in figuring out the issue and suggesting an appropriate solution accordingly.

    —
    Vishwas R
    Team CanvasJS

    December 19, 2022 at 6:33 pm in reply to: Cannot read properties of undefined (reading ‘getTime’) #41690

    Vishwas R

    @edwin-k-biju,

    Can you kindly create JSFiddle reproducing the issue you are facing & share it with us so that we can look into it, understand the scenario better and help you out? We are unable to reproduce the issue as values of xAxis, secXAxis are not known.

    —
    Vishwas R
    Team CanvasJS

    December 16, 2022 at 6:16 pm in reply to: Move Toolbar #41683

    Vishwas R

    Carl Bright,

    You can move toolbar to top-right / top-left by changing CSS positioning properties. Please find the code-snippet below.

    .canvasjs-stock-container .canvasjs-chart-toolbar {
  top: 0px !important;
  left: 10px !important;
  right: auto !important;
  transform: rotate(270deg) translate(-50%, -50%) !important;
}

    Please take a look at this JSFiddle for working code.
    Rotated StockChart

    —
    Vishwas R
    Team CanvasJS

    December 2, 2022 at 7:10 pm in reply to: How to Create a 1:1 Ratio Scale Chart in Canvasjs #40351

    Vishwas R

    @likewatchk,

    Setting axisY viewportMinimum & viewportMaximum same as axisX in rangeChanged event-handler should work in your case. Please find the code-snippet below.

    rangeChanged: function(e){
  e.chart.axisY[0].set("viewportMinimum", e.axisX[0].viewportMinimum, false);
  e.chart.axisY[0].set("viewportMaximum", e.axisX[0].viewportMaximum);      
}

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

    —
    Vishwas R
    Team CanvasJS

Viewing 15 posts - 61 through 75 (of 1,601 total)
1 2 3 4 5 6 … 105 106 107