Search the Community

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

I have a set of data for different countries in following way dataset : [10, 45, 20, 70, 55, 100, 150, 200, 232, 2] i want to set the color range for these countries but want max value in legend as 100 scrollbar 0 to 100 so i have set the color range in following way 0 to 25:red 25 to 50:yellow 50 to 100:green expected : if any value is greater than 100; than the color should be green. current scenario : if value is greater than 100 default null color is applied. is there any settings where we could map values to max values even if current value for a country is greater than max value specified in color range object.

I want to show tooltip on each entity of my fusion map. I have set below propeties on json map object , but it seems not working, not sure what is issue. please help me on this.

I just upgraded to FusionMaps XT 3.4.0 and the display of the maps labels is totally off when it is within a jqueryUI tabs panel. Furthermore, there is a javascript error upon rendering in fusioncharts.js on line 745 that is "Uncaught TypeError: cannot read property "offsetWidth" of undefined. Can you take a look ASAP? Thank you!

Hey guys, I have a probolem with the FusionMaps flash version. I customised the map, but upon loading, the map first loads with somekind of defult style, and then after maybe a split second it becomes to the correct customised version. Is there a way to listen for when the map is loaded and only then to display it?

Hi, Im trying to create a FusionMaps (version 3.2.1) map with JSON data: ... var map = new FusionCharts('fusioncharts/Maps/FCMap_World.swf', 'MapId', '900', '300', '0', '0'); map.setTransparent(true); map.setJSONData('{"map":{},"data":[{"id":"NA","value":"25"}]}'); map.render('mapdiv'); ... After running the script the map is shown without data. But when im running the same script with current evaluation version of FusionMaps (version 3.3.1) the data is diplayed correctly. Is there a bug in version 3.2.1 or is there any mistake in my JSON data string? Thanks, msch4711