Search the Community

Hi, I am rendering my chart on back end (VB.net), i cannot make it works on back end using --> timeSeries.AddAttribute("chart", "{theme:'candy'}") Meanwhile, i do not know how to properly define on javascript using 'beforerender' event and setChartAttribute , its still stick to fusion theme and not get the candy theme to be render out, i don't know which part is wrong. Please help urgently! setTimeout(function () { FusionCharts.items["particlecounter_1k_chart"].addEventListener("beforerender", function (ev) { FusionCharts.items["particlecounter_1k_chart"].setChartAttribute("theme", "candy"); console.log(ev); }); }, 1000); Regards, Hooi Thin

Hi All, I am here to get help on how to rearrange the order for the legend on fusion time chart. For eg: Legend D,F,A,E,B,C and i would like to rearrange them to A,B,C,D,E,F I have tried reverseLegend but couldnt get it to work. timeSeries.AddAttribute("legend", "{enabled:'1',reverseLegend:'1'}") - VB.net I cannot find any documentation for this attribute, can anyone help me pls? Thanks in advance!

I am new to Fusion Charts will it work without Adobe Flash Player to load charts. What is alternate to use without using Adobe Flash player. As Adobe Flash Player is stopping from 2021.

@version fusioncharts/3.3.1-sr2.19840 Chart type: Javascript Chart data: json Uses FusionCharts/updatepanelhook.fusioncharts.js for ajax loads On ajax load randomly starts having below exception . However once error starts, restarting the azure instance is the only option. Object reference not set to an instance of an object. Stack trace: at InfosoftGlobal.FusionCharts.FC_Transform(Hashtable arr, String tFormat, Boolean ignoreBlankValues) at InfosoftGlobal.FusionCharts.FC_EncodeJSON(Hashtable json, Boolean enclosed) at InfosoftGlobal.FusionCharts.RenderChartALL(String chartSWF, String dataUrl, String dataStr, String chartId, String chartWidth, String chartHeight, Boolean debugMode, Boolean registerWithJS, Boolean allowTransparent, String bgColor, String scaleMode, String language) at InfosoftGlobal.FusionCharts.RenderChart(String chartSWF, String dataUrl, String dataStr, String chartId, String chartWidth, String chartHeight, Boolean debugMode, Boolean registerWithJS) at SIBlue.home.RenderChart(String dataStr, String chartId) at SIBlue.home.Display_Shock_Graph() How do we handle this exception, with out restarting the azure instance.

I want to render a Map using Fusioncharts when click on some plot in other Chart, so far i can not achieve this, how could i do that? I have the following code: In code behind C# Function that i want to display when click on other chart: [System.Web.Services.WebMethod()] [System.Web.Script.Services.ScriptMethod()] public static void GraficaMundial(int id) { //some code here Chart sales = new Chart(); // Setting chart id //sales.SetChartParameter(Chart.ChartParameter.chartId, "myChart3"); // Setting chart type to world chart sales.SetChartParameter(Chart.ChartParameter.chartType, "worldwithcountries"); // Setting chart width to 600px sales.SetChartParameter(Chart.ChartParameter.chartWidth, "100%"); // Setting chart height to 350px sales.SetChartParameter(Chart.ChartParameter.chartHeight, "550"); sales.SetChartParameter(Chart.ChartParameter.dataFormat, "json"); sales.SetChartParameter(Chart.ChartParameter.dataSource, jsonData.ToString()); var LtGraficoPaises = new Literal(); LtGraficoPaises.Text = sales.Render(); } Code of the Chart that I would like the map to display private void GraficaEjecutivo() { //some code here StaticSource source = new StaticSource(chart); FusionCharts.DataEngine.DataModel model = new DataModel(); model.DataSources.Add(source); var bar = new Charts.BarChart("scroll_chart_db"); //bar.Scrollable = true; bar.ThemeName = FusionChartsTheme.ThemeName.FUSION; bar.Data.Source = model; bar.Caption.Text = "RFQ Totales por Ejecutivo"; bar.SubCaption.Text = "2016-2017"; bar.XAxis.Text = "Ejecutivos"; bar.YAxis.Text = "Clientes"; bar.Width.Percentage(100); bar.Height.Pixel(400); var funcion = @"function(eventObj, dataObj){ document.getElementById('GraficoPaises').innerHTML = PageMethods.GraficaMundial(1); }"; bar.Events.AttachGenericEvents(FusionChartsEvents.GenericEvents.DATAPLOTCLICK, funcion.ToString()); LtGraficoPorEjecutivo.Text = bar.Render(); } In .aspx Literal that render the Map <div class="col-sm-12 text-center" id="GraficoPaises"> <asp:Literal ID="LtGraficoPaises" runat="server"> </asp:Literal> </div> I did tests, and when i click on the bar of my chart (GraficaEjecutivo method) the event is working propertly, but im not be able to display or render my map. What im doing wrong? I hope you can help me.

I have three charts, and one mapwithcountries. The thing i would like to do is when click on some plot(column or bar) in one of my three charts i want to "redo" the others charts(column, bar, donut, map) with the specific data about that clicked plot. So how could i achieve this? I know there is events for those charts, but i dont know how to render again (or update) those charts with specific clicked plot. I hope you can help me. Thanks in advance

Hi, i followed this link to change IDs, but the way i'm doing is not working. I have the following example: var chart1 = "{" + "'chart':{" + "'showlegend':'0'," + "'caption':'Ejemplo'," + "'nullentityfillcolor':'#43ccfe'," + "'showmarkerlabels':'0'," + "'showentityhovereffect':'1'," + "'theme':'fusion'" + "}, 'entityDef' : [ {'internalId': '05', 'newId' : '01'}, {'internalId': '80', 'newId' : '16'}]," + "'data':[" + "{" + "'id':'05',"+ "'value': '16'," + "'color' : '#004d80'" + "}" + "]" + "}"; If you see, i want to change the 05 Id to 01 (is just a example) So Canada (id = 05) would be id = 01. So is this possible? Because i don't have results. I want to know if there is a possibility to do something like that, because in a future i want to retrieve my own id from my database to set newId (with number). Hope you can help me to achieve this. Thanks in advance

I'm trying to color countries based on arrray of items, but the only solution i've seen is only color countries with ONE VALUE. I want to color countries if has for example 3 items, that could be numbers, or names (string). So far i can not implement this, i don't know if this is possible. Example: India has 2 values, (Name1, Name2) and i want to color that country because has at least 1 item. All of this is in ASP.NET C# My code below: var chart1 = "{" + "'chart':{" + "'showlegend':'0'," + "'caption':'Clientes por ejecutivo en el mundo'," + "'nullentityfillcolor':'#43ccfe'," + "'showmarkerlabels':'0'," + "'showentityhovereffect':'1'," + "'theme':'fusion'" + "}," + "'colorrange': {" + " 'minItems': '1'," + "'code': '#004d80'"+ "}," + "'data':[" + "{" + "'id':'05'," + "'value': ['1','2','3']" + "}," + "{" + "'id':'101'," + "'value': [3]" + "}," + "{" + "'id':'16'," + "}," + "{" + "'id':'27'," + "'value': '8'" + "}," + "]" + "}"; I hope you can help me

Hi. I have a requirement to add some text on the bottom of the chart, I tried by adding text into watermark text place . its a lengthier text, so it can't be fully visible at the bottom, could not able to split the text into 3 lines. is anyone knows please help me? please advice me on this, little urgent. thanks in advance

i have created a 3d column chart in asp.net using fusion chart , i want to implement drill down in to the same .that means while clicking the column of the chart want to display a pop up window . for that i want to pass some parameter as query string my code sample is below xmlData.AppendFormat("<set name='{0}' value='{1}' link='P - Details_IncidentByType, width = 400, height = 300, toolbar = no, scrollbars = no, resizable = no -/Details_IncidentByTypeaspx.aspx %SD=" + ToDate+ "%ED="+FromDate+ "%TYP="+ QS_Type + " %CPNY="+QS_Company+ " %LOC="+QS_Location+ " " % FM="+QS_Frompage+" '''/>", Dt.Rows["bbbb"], Dt.Rows["aaaa"]); i have urgent requirement on this , please anybody help . Kindly advice on this thanks in advance.

Hey guys I am extremely new to Fusion Charts and I am doing some consulting and have ran into Fusion Charts. I am doing some localization work so I set the thousand separator and decimal separator and have that working on all my charts. On this one particular chart, we set the chart limits. On this chart, the x-axis no longer has its number format but the y-axis still does. I have tried passing the chart formatted x-axis min and max and that breaks. Is there something I can do so that my number formatting applies to the charts that have set chart limits?

Hey there! Im using fusionCharts to show some information of my database. But when I try to generate ASP.NET chart (RenderChartHTML) in IE, my title (caption) and subtitled (SubCaption) are being presented with "..." at the end, without displaying the full sentence. But when I generate in Google Chrome, everything is OK. I need to generate these graphics in IE, I can not use another browser. This is FusionCharts.RenderChartHTML method: public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode) { StringBuilder builder = new StringBuilder(); string str = string.Empty; if (strXML.Length == 0) { str = string.Format("&chartWidth={0}&chartHeight={1}&debugMode={2}&dataURL={3}", new object[] { chartWidth, chartHeight, boolToNum(debugMode), strURL }); } else { str = string.Format("&chartWidth={0}&chartHeight={1}&debugMode={2}&dataXML={3}", new object[] { chartWidth, chartHeight, boolToNum(debugMode), strXML }); } builder.AppendFormat("<!-- START Code Block for Chart {0} -->" + Environment.NewLine, chartId); builder.AppendFormat("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\"width=\"{0}\" height=\"{1}\" name=\"{2}\">" + Environment.NewLine, chartWidth, chartHeight, chartId); builder.Append("<param name=\"allowScriptAccess\" value=\"always\" />" + Environment.NewLine); builder.AppendFormat("<param name=\"movie\" value=\"{0}\"/>" + Environment.NewLine, chartSWF); builder.AppendFormat("<param name=\"FlashVars\" value=\"{0}\" />" + Environment.NewLine, str); builder.Append("<param name=\"quality\" value=\"high\" />" + Environment.NewLine); builder.Append("<param name=\"wmode\" value=\"transparent\" />" + Environment.NewLine); builder.AppendFormat("<embed src=\"{0}\" FlashVars=\"{1}\" quality=\"high\" width=\"{2}\" height=\"{3}\" name=\"{4}\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"/>" + Environment.NewLine, new object[] { chartSWF, str, chartWidth, chartHeight, chartId }); builder.Append("</object>" + Environment.NewLine); builder.AppendFormat("<!-- END Code Block for Chart {0} -->" + Environment.NewLine, chartId); return builder.ToString(); } } The chart image is attached. Anyway, thanks.

Hi Friends, Im new working with Fusion charts, we are working with a ui using an updatepanel with diferent links, im using the documentation above: http://docs.fusioncharts.com/charts/contents/guide-for-web-developers/vbnet/VB_UpdatePanel.html Right now, on the first page load the graphics is working normally. The problem is when i click on the link i need the graphic appear but i having problem with the updatepanelhook.fusioncharts.js , on this line : if (html.search(/\<script[\s\S]+?\<\/script\>/i) >= 0) { it seams that html.search dont find the script. Javascript code problems.

I'm just starting out with FusionCharts and have used the basic example for ASP.NET as a basis to make different charts successfully, but now when I try and put two of them on the same page in a simple HTML table the charts won't show. I've attached my code so I hope somebody can point out where I've gone wrong. Thanks in advance! <%@ Page Language="C#" AutoEventWireup="true" Inherits="BasicExample_BasicChart" Codebehind="Chart3.aspx.cs" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>FusionCharts - Simple</title> <!-- FusionCharts script tag --> <script type="text/javascript" src="../fusioncharts/fusioncharts.js"></script> <!-- End --> </head> <body> <table style="width:100%"> <tr> <td> Chart 1 </td> <td> Chart 2 </td> </tr> <tr> <td> <div style="text-align:center"> <asp:Literal ID="Literal1" runat="server"></asp:Literal> </div> </td> <td> <div style="text-align:center"> <asp:Literal ID="Literal2" runat="server"></asp:Literal> </div> </td> </tr> </table> </body> </html> and my Code Behind: using System; using System.Collections; using System.Configuration; using System.Data; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; // Use the `FusionCharts.Charts` namespace to be able to use classes and methods required to create charts. using FusionCharts.Charts; public partial class BasicExample_BasicChart : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //Initialize the chart. Chart sales = new Chart("pie3d", "myChart", "600", "300", "jsonurl", "../Data/Data.json"); // Initialize the second chart. Chart chart2 = new Chart("column3d", "myChart2", "600", "400", "jsonurl", "../Data/Data2.json"); // Render the chart Literal1.Text = sales.Render(); Literal2.Text = chart2.Render(); } }

Hi, I am still newbie here and want to learn to create a website with chart. I am trying to create a sample chart using ASP.net MVC. I Just download the fusion chart XT Free. I realize that there is no guide for MVC. Anyone here can provide me a simple example how to implement a single chart on a page? Sorry for the silly question. btw I am using VS 2013. Thank you

Hello. Is there a different syntax for inserting a new line in tooltext of dataplot? Im using ASP.Net and C# for building my DATA String for my chart. When I insert {br} in tooltext for creating new line, it gives me an error that the string is in invalid format. Please help me with this. Thanks in advance and have a good day! StringBuilder xmlString = new StringBuilder(); xmlString.AppendFormat("<chart caption='Summary of Late by Employee for the month of {1}' subcaption='Employee: {0}' showValues='1' xAxisName='Month' yAxisName = 'Late (in Minutes)' showBorder='0' bgColor='66a4ff,FFFFFF' bgRatio='60,40' canvasPadding='30' PYAxisMinValue='0' vDivlineColor='c2c2c2' rotateValues='1' anchorRadius='5' valuePadding='5' labelDisplay='rotate' slantLabels='1'>", dt.Rows[0]["EmpName"].ToString(), MonthName_); for (i = 0; i <= count - 1; i++) { xmlString.AppendFormat("<set label='{0}' value='{1}' tooltext='{0}{br} Time In: {2}' />", dt.Rows[i]["DateF_"].ToString(), dt.Rows[i]["LateMinutes"].ToString(), dt.Rows[i]["TimeInF"].ToString()); } //xmlString.Append("<set label='Sample' value='3' tooltext='name: Bob {br} Age:21' />"); xmlString.Append("<styles><definition>"); xmlString.Append("<style name='captions' type='font' font='Arial' size='12' bold='1' />"); xmlString.Append("<style name='axisLabelBevel' type='bevel' angle='0' />"); xmlString.Append("<style name='valuesAnim' type='animation' param='_y' start='$canvasStartY' duration='1' />"); xmlString.Append("<style name='acnhorBevel' type='bevel' distance='2' />"); xmlString.Append("</definition><application>"); xmlString.Append("<apply toObject='Caption' styles='captions' />"); xmlString.Append("<apply toObject='subcaption' styles='captions' />"); xmlString.Append("<apply toObject='xAxisName' styles='captions' />"); xmlString.Append("<apply toObject='yAxisName' styles='captions' />"); xmlString.Append("<apply toObject='Datavalues' styles='valuesAnim' />"); xmlString.Append("<apply toObject='anchors' styles='acnhorBevel' />"); xmlString.Append("</application></styles>"); xmlString.Append("</chart>"); ltrDrillDown.Text = FusionCharts.RenderChart("../FusionCharts/Column3D.swf", "", xmlString.ToString(), "LateDetailsChart", "600", "300", false, true);

Hi, I created a multi series stacked bar chart with ease. Now i need to show manual values for show sum attribute. Is this possible? If not possible post me some work around to achieve the same. attached my chart image. Suresh

Hi All, I have been working on this issue since a long time and I didn't find any solution. I have downloaded free version of fusion chart and used pie chart. It is not working in Mozilla FireFox 13 and just showing progress bar. Please see the attachment for the reference. Can anyone help me? Thanks in Advance. Dhaval Panchal

My scenario: I want a multi-series column chart to display data from a database. The y trend line is going to represent some average number throughout the chart. What I want to do is test to see if each column is above/below this average and change the color accordingly (i.e. if the column is below the average it would be red alerting the observer, otherwise it would be green). This seems doable, however I also want to show the two different column possibilities in the legend (red columns = 'Below Average', green columns = 'Above Average'). Essentially, because it is coming from a database and I don't know the values at compile-time, the chart could render columns in varying colors (i.e. red green red green...). From what I have read, it seems the datasets and their values are going to match up with each label in the order they are written to the xml data. This is where I'm stuck, because some data may be written to one dataset while the next time around I need to write it to another (if I used two separate datasets). Is there a way to close a dataset and append data to it later? How do I solve this? Thanks, pickle

Hello guys, Technology i used is asp.net with c#. I have multiple chart on same page. I want to export all in one click in one pdf no matter if one chart in one page. I did everything. but i am not able to render FCExporter.swf (Attached image.) I already put the javascript for the same and path is also correct. I want same functionality as given in below link. http://docs.fusioncharts.com/charts/Code/ExportChartSamples/BatchExport/SimpleExample.html if you give me demo for asp.netc# for above link then it's good. Here below is my div. in divcharts i am rendering charts dynamically on basis of criteria. <div id="divCharts" runat="server" style="width: 90%"> </div> <div id="fcexpDiv"> </div> Here below is my javascript. <script type="text/javascript"> function initiateExport() { myExportComponent.BeginExport(); } </script> <script type="text/javascript"> //Initialize Batch Exporter with DOM Id as fcBatchExporter var myExportComponent = new FusionChartsExportObject("fcBatchExporter", "../FusionCharts/FCExporter.swf"); //Add the charts to queue. The charts are referred to by their DOM Id. myExportComponent.sourceCharts = ['1', '2', '3']; //------ Export Component Attributes ------// //Set the mode as full mode myExportComponent.componentAttributes.fullMode = '1'; //Set saving mode as both. This allows users to download individual charts/ as well as download all charts as a single file. myExportComponent.componentAttributes.saveMode = 'both'; //Show allowed export format drop-down myExportComponent.componentAttributes.showAllowedTypes = '1'; //Cosmetics //Width and height myExportComponent.componentAttributes.width = '350'; myExportComponent.componentAttributes.height = '200'; //Message - caption of export component myExportComponent.componentAttributes.showMessage = '1'; myExportComponent.componentAttributes.message = 'Click on button above to begin export of charts. Then save from here.'; //Render the exporter SWF in our DIV fcexpDiv myExportComponent.Render("fcexpDiv"); </script>