[Sanjoy]

Hi,

In this case chart is rendering before container size set. To solve this you can call render method once the Price Alert button is been clicked. We are doing the same in our gallery using jQuery UI Dialog for popup.

[Sanjoy]

Praveen,

We are unable to find the issue. Can you please create a fiddle. So, that we can look into it.

[Sanjoy]

In whichever order you provide dataPoints it will render in the same order.

We don’t sort dataPoints before plotting. If required you have to sort dataPoints before rendering. Here is an example.

[Sanjoy]

Arcticio,

As of now the exact same feature is not available. You have to do little manipulation using labelMaxWidth and margin of axis.

[Sanjoy]

@arjunsonik,

You can remove axis labels by setting valueFormatString to a white-space character. In case you are looking for something else a pictorial representation will help us to understand your requirements better & help you fulfill.

—
Sanjoy

[Sanjoy]

cool1,

Thanks for your suggestion, we will consider it for future versions. As of now chart animates only while rendering for the first time.

[Sanjoy]

Sourav,

As of now we don’t have grouped-stacked column chart.

[Sanjoy]

Hi,

We have implemented valueFormatString and formatDate using which you can format Date-Time.

And while zooming you can change valueFormatString using rangeChanging. Here is an example.

[Sanjoy]

Cameron,

Setting valueFormatString to “####” will round-off all the intermediate values. So, here 2006.5 will appear as 2007 and so on.
To avoid this issue you can set interval to 1.

[Sanjoy]

DoMiNo,

You can change data-structure using any technology either in server side or client side to fit with CanvasJS. Here is an example to format in client side using JavaScript.

[Sanjoy]

Here is the updated fiddle as per your requirement.

And regarding the issue you were facing, columns not being show after 9 dataSeries, please create a jsfiddle so that we can look into it.

[Sanjoy]

Cameron,

Basically the value of log(0) is not defined and tends to -Infinity. So, if you put it in your logarithmic chart it will look like . Here to ignore such case I have mapped it’s value to null. But sill if you want to customise further you can edit convertToLog function as per your requirement. You can edit it like below

 function convertToLog(data){
    var dataPoints;
    for(var j= 0; j<data.length;j++){
        dataPoints = data[j].dataPoints;
        for(var i = 0; i< dataPoints.length; i++){
			if(dataPoints[i].y > 0)
          		dataPoints[i].y = Math.log10(dataPoints[i].y);
			else if(dataPoints[i].y === 0)
				dataPoints[i].y = null; //update dataPoints[i].y as per your requirement (-Infinity)
			else
				dataPoints[i].y = null;
        }
     }
 }

[Sanjoy]

Hi,

Please take a look at this documentation page for step by step tutorial for creating chart using data from AJAX. You can also check out this JSFiddle for an example on loading data with AJAX calls. To load data dynamically on zoom, you can update the chart options/data by setting e.chart.options on rangeChanging event.

—-
Sanjoy Debnath
Team CanvasJS

• This reply was modified 8 years, 6 months ago by Sanjoy.
• This reply was modified 3 years, 8 months ago by Manoj Mohan.

[Sanjoy]

If your recived JSON format is [{"label":"rating1","y":6},{"label":"rating2","y":3},{"label":"rating3","y":4}]
then you can check with this working fiddle.

[Sanjoy]

Rameshkv,

Here, background and fontColor of legend are same. So, it’s not visible. You can show it by setting fontColor other then black.