srpokala

Members
  • Content count

    17
  • Joined

  • Last visited

Everything posted by srpokala

  1. 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
  2. Hi, I am a new user to fusion charts and i have been using javascript charts and not flash. I have this issue where i am able to get the download context menu on my chart but it moves down when i scroll down. Here are the options that i have setup var chartOptions = new Dictionary<string, string> { {"caption", "test per CA"}, {"showlegend", "1"}, {"legendallowdrag", "0"}, {"formatnumberscale", "0"}, {"exportenabled","1"}, {"exportatclient", "1"} }; i have attached the images that show my errors. Can somebody please help me and let me know what needs to be done to fix this issue. If you need more information please let me know. Thanks Sri
  3. Hi, I have line chart in which i have 3 sets of data and one of them datasets have data in the 1200 range and other are in the 50 range. When i click on Test2 legend in the graph it hides that specific line but the graph does not re render and adjust the values with the existing chart lines Here is the screenshot for that. How do i achieve rerendering in that case when one of the legend is hidden. Any help is appreciated. Thanks
  4. Thanks that was what i was looking for and it worked . Thanks Sri
  5. 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.
  6. 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
  7. Any update on this issue? Thanks Sri
  8. 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.
  9. Drill Down Links in Pop-up windows for MVC

    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.
  10. Drill Down Links in Pop-up windows for MVC

    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
  11. 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
  12. {"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.
  13. 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
  14. _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
  15. 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
  16. 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");