Hi,
After reducing the fontSize of label, if last value is not showing properly then you can use labelangle property.
— Anjali
In order to hide values on axis you can set the property ValueFormatString to empty string. Here is the update code. You can combine it with your first fiddle to get the expected result.
You can try reducing the font size of label by using the property labelFontSize.
You can calculate the height and width of Carousel DOM element and use these values as the height and width of Charts. By doing this canvas will render the chart with Carousel’s height and width instead of default (500*400). Here is an example.
By using shift in javascript, it just remove the items from array. Sorry but we are not able to understand that what do you mean by
chart structs on right hand side
. Just create a jsfiddle so that we can understand the problem more clearly.
Please create a jsfiddle so that we can resolve the exact problem.
Only way to keep Axis Y range dynamic is by not setting the minimum and maximum value of axis. Axis does not override user defined values even while zooming.
You can do so by using labelMaxWidth property which allows you to set the maximum width of label as required.Here is a jsfiddle can help you.
We’ll try to reproduce the issue and get back to you.
Yes, it is possible to change the size of column inside the library. You can make a change in Property maxBarWidth inside renderColumn controls the width of bar. It can be controlled by changing .15 (fraction of chart’s width) as required at line number 4353 of 1.5 GA.
Issue was because when you initially render the chart, Tab 2 and Tab 3 will have zero width and height because of which canvasjs takes default width and height. So what we need to do is, call chart.render() whenever a tabs becomes active there by updating the chart’s size.
Here is the working code http://jsfiddle.net/canvasjs/vzre7gwg/
We just tried the link on IE8 v8.0.7601.17514 (Windows 7) and its working fine. Can you please let us know the version number of your browser and OS??
We don’t have this feature as of now but we will consider this in future Versions.
__ Anjali
From what I can see you are trying to parse text file on the server side which is not required – we can do it on the client side itself. At the same time you have included PHP code inside javascript loop which will not work.
<?php echo $parts[i] ?>
Here is an example that I have created which parses your text file on the client side.
<!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="jquery-2.1.1.js"></script> <script type="text/javascript"> window.onload = function () { var dataPoints = []; //Replace text file's path according to your requirement. $.get("testgraph.txt", function(data) { var x = 0; var allLines = data.split('\n'); if(allLines.length > 0) { for(var i=0; i< allLines.length; i++) { dataPoints.push({x: x , y: parseInt(allLines[i])}); x += .25; } } var chart = new CanvasJS.Chart("chartContainer",{ title :{ text: "Chart using Text File Data" }, data: [{ type: "line", dataPoints : dataPoints, }] }); chart.render(); }); } </script> <script type="text/javascript" src="https://cdn.canvasjs.com/canvasjs.min.js"></script> </head> <body> <div id="chartContainer" style="height: 300px; width: 100%;"></div> </body> </html>
Though this is not directly supported, we have a workaround that you can use. Here is a jsfiddle for the workaround. Because range of Tier 3 is 4 (7-10) while for others its 3, Tire3 is wider.