srpokala

Thanks that was what i was looking for and it worked . Thanks Sri

I have already checked the example but now my requirement has changed and now i have 3 pie charts on a view and when a legend is clicked i need to display a grid with that information. So for one chart it works well but now i have 3 and only one eventlistner which handles for all 3 charts and i need to get the name of the chart on which the legend is clicked and when i have done the approach above mentioned like this FusionCharts.addEventListener("LegendItemClicked", LegendItemClickedFunc); function LegendItemClickedFunc(eventObject, argumentsObject) { var test = FusionCharts(eventObject.eventId); alert(test); } it threw an exception. Am i doing something wrong here? or how do i get the chart name on which the legend is clicked.

Any update on this issue? Thanks Sri

function LegendItemClickedFunc(eventObject, argumentsObject) { var test = FusionCharts(eventObject.eventId); alert(test); } When i do this it throws an exception and minimizes the window . Am i doing something wrong here? Can you point me to an example that would be helpful.

Thanks for the quick response. I have javascript method will does a callback on the grid and all i had to do was pass that information to it and the grid was partial view and callback was enough and i was loading the whole page and after replacing it with the approach you suggested it is working perfectly. Thanks a lot.

Can i run a script on the link? I have a scenario where i have to update a grid with the information provided on the chart. the grid is a partial view and now i have to refresh the whole page and chart is rerendered and it loses its state. Is there a way i can achieve this functionality ? Thanks Sri

Yes this did help and thanks for the response. Now when i have multiple charts on the same page is there a way for me to differentiate which chart i have clicked? because it just gets me the legend information and not the chart. Any suggestions of how to vary this implementation to get the chart information on legend click. Thanks Sri

Thanks for the quick response.

{"chart": {"caption":"Distribution 2014","bgcolor":"#FFFFFF","canvasbgcolor":"#FFFFFF","showcanvasbg":"0","showborder":"1","subcaption":"Only for SSL - Click on a column to view information","xaxisname":"Department Name","showlegend":"1","yaxisname":"Certificates","showvalues":"1","useroundedges":"1","exportenabled":"1","formatnumberscale":"0","labeldisplay":"AUTO","maxLabelWidthPercent":"50"}, "data":[{"Label":"ITS","Value":"5148","Link":""},{"Label":"Global Corporate Technology","Value":"1339","Link":""},{"Label":"IT Services (F5)","Value":"33","Link":""},{"Label":"PayPal Global Financial Services (BillMeLater)","Value":"30","Link":""},{"Label":"Site Operations","Value":"21","Link":""},{"Label":"PayPal","Value":"20","Link":""},{"Label":"EF - Shared Services Technology","Value":"19","Link":""},{"Label":"Corp Tech - ITS&I SJC","Value":"11","Link":""},{"Label":"ITBS","Value":"11","Link":""},{"Label":"IT Services","Value":"8","Link":""}], "linkeddata":null} If you need more information please let me know.

Hi, I am trying to download a chart as JPEG image i have created but when i try to download it throws an exception . I am using MVC c# and IE 9 browser. I am attaching the exception. Is there any way we can rename the file that is downloaded? Thanks Sri

Hi, I want to leverage the drill down links in pop up windows for my MVC application. But all the examples displayed here are for .aspx how can i use this for MVC. Here is a link i was following and the example is for aspx http://kb.fusioncharts.com/questions/33/How+do+I+open+my+Drill+Down+Links+in+Pop-up+Windows%3F How do i modify this line of code resizable=no-ShowDetails.asp%3FMonth%3DJan to work with mvc structure. Thanks Sri

Hi, Thanks for the sample example it helps but i need to lad the data dynamically so i cannot have xml or json files. So is there a way i can get the name of the legend when it is clicked as opposed to the index so that i can pass that info to the ajax call. Thanks Sri

_Layout.cshtml <!DOCTYPE HTML> <html> <head> <title>TestCharts</title> <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/FusionCharts/FusionCharts.js")" type="text/javascript" ></script> <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/main.js")" type="text/javascript"></script> </head> <body> <div style="position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;overflow-x: hidden;overflow-y: auto;"> @RenderBody() </div> </body> </html> Index.cshtml <div id="chartContainer">FusionCharts XT will load here!</div> <div id="chartContainer1">FusionCharts XT will load here!</div> <div id="chartContainer2">FusionCharts XT will load here!</div> <script type="text/javascript"> var myChart = new FusionCharts("Column3D", "myChartId", "600", "500", "0"); $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) { myChart.setJSONData(data); }); myChart.render("chartContainer"); var myChart1 = new FusionCharts("Column3D", "myChartId1", "600", "500", "0"); $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) { myChart1.setJSONData(data); }); myChart1.render("chartContainer1"); var myChart2 = new FusionCharts("Column3D", "myChartId2", "600", "500", "0"); $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) { myChart2.setJSONData(data); }); myChart2.render("chartContainer2"); </script> HomeController.cs public stringIndex() { return "{\"chart\":{\"caption\": \"Weekly Sales Summary\",\"xAxisName\": \"Week\",\"yAxisName\": \"Sales\",\"numberPrefix\": \"$\",\"exportenabled\":\"1\"},\"data\":[{ \"label\": \"Week 1\", \"value\": \"14400\" },{ \"label\": \"Week 2\", \"value\": \"19600\" },{ \"label\": \"Week 3\", \"value\": \"24000\" },{ \"label\": \"Week 4\", \"value\": \"15700\" }]}"; } It is a .net MVC application

Hi Sumedh, Thank you for looking into it. I was able to pin point where the issue was after a few hours of debugging. When the charts were enclosed in the div which had the following css below this issue was occuring position: absolute;overflow-x: hidden;overflow-y: auto; The position attribute is causing the issue and i currently have a workaround but my page is not being rendered as i want it to. Any suggestions? Thanks Sri

No this is inside a partial view within a div tag <div id="CertificateDistribution" style="float: left;">Certificate Distribution</div> and the javascript is var certDistribution = new FusionCharts("MSLine", "certDistributionChart", "700", "400"); $.get('@Url.Action("ActionName", "Controller")', null, function (data) { certDistribution.setJSONData(data); }); certDistribution.render("CertificateDistribution");