awheinr

Is it possible to have embedded linked maps? I want to be able to go multiple levels. I have not yet seen an example or documentation describing how to do so. Below is an example in which I'm drilling down from the world map, then to the regional map, and then down the a USA map. It currently does not work, but am not sure what I am doing wrong. I'm assuming it's possible. Thanks in advance!! "chart": { "dataFormat": "json", "formatNumberScale":"0", "showLabels": "1", "nullEntityColor": "#C2C2D6", "nullEntityAlpha":"50", "hoverOnNull": "0", "useSNameInLabels" : "0", "entityFillColor" : "#A8A8A8", "entityFillHoverColor" : "#E5E5E9", "formatNumberScale":"0", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0", "toolTipColor": "#ffffff", "toolTipBorderThickness": "0", "toolTipBgColor": "#000000", "toolTipBgAlpha": "80", "toolTipBorderRadius": "2", "toolTipPadding": "5" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "NA", "displayValue": "North America", "value": "57.2", "link": "newchart:maps/northamericawocentral-json-NA" }, { "id": "SA", "value": "57.1", "showLabel" : "1" }, { "id": "AS", "value": "247", "showLabel" : "1" }, { "id": "EU", "value": "188.5", "showLabel" : "1" }, { "id": "AF", "value": "87.2", "showLabel" : "1" }, { "id": "AU", "value": "8.32", "showLabel" : "1" } ], "linkeddata": [ { "id": "NA", "linkedchart": { "chart": { "showLabels": "1", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "CA", "value": "99" }, { "id": "GL", "value": "200" }, { "id": "MX", "value": "210" }, { "id": "US", "value": "220", "link": "newchart:maps/usa-json-US" } ], "linkeddata": [ { "id": "US", "linkedchart": { "chart": { "showLabels": "1", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "HI", "value": "99" }, { "id": "DC", "value": "99" }, { "id": "MD", "value": "90" }, { "id": "DE", "value": "96" }, { "id": "RI", "value": "90" }, { "id": "WA", "value": "228" }, { "id": "OR", "value": "105" }, { "id": "CA", "value": "221" }, { "id": "AK", "value": "260" }, { "id": "ID", "value": "396" }, { "id": "NV", "value": "169" }, { "id": "AZ", "value": "435" }, { "id": "MT", "value": "445" }, { "id": "WY", "value": "455" }, { "id": "UT", "value": "227" }, { "id": "CO", "value": "214" }, { "id": "NM", "value": "196" }, { "id": "ND", "value": "331" }, { "id": "SD", "value": "374" }, { "id": "NE", "value": "329" }, { "id": "KS", "value": "231" }, { "id": "OK", "value": "150" }, { "id": "TX", "value": "202" }, { "id": "MN", "value": "137" }, { "id": "IA", "value": "143" }, { "id": "MO", "value": "424" }, { "id": "AR", "value": "485" }, { "id": "LA", "value": "124" }, { "id": "WI", "value": "181" }, { "id": "IL", "value": "120" }, { "id": "KY", "value": "309" }, { "id": "TN", "value": "250" }, { "id": "MS", "value": "351" }, { "id": "AL", "value": "271" }, { "id": "GA", "value": "124" }, { "id": "MI", "value": "120" }, { "id": "IN", "value": "205" }, { "id": "OH", "value": "476" }, { "id": "PA", "value": "445" }, { "id": "NY", "value": "369" }, { "id": "VT", "value": "322" }, { "id": "NH", "value": "216" }, { "id": "ME", "value": "404" }, { "id": "MA", "value": "165" }, { "id": "CT", "value": "316" }, { "id": "NJ", "value": "553" }, { "id": "WV", "value": "560" }, { "id": "VA", "value": "565" }, { "id": "NC", "value": "534" }, { "id": "SC", "value": "503" }, { "id": "FL", "value": "503" } ] } } ] } } ] }

Hello, Along these same lines, is it possible to have embedded linked maps? I want to be able to go multiple levels. I have not yet seen an example or documentation describing how to do so. Below is an example in which I'm drilling down from the world map, then to the regional map, and then down the a USA map. It currently does not work, but am not sure what I am doing wrong. I'm assuming it's possible. Thanks in advance!! "chart": { "dataFormat": "json", "formatNumberScale":"0", "showLabels": "1", "nullEntityColor": "#C2C2D6", "nullEntityAlpha":"50", "hoverOnNull": "0", "useSNameInLabels" : "0", "entityFillColor" : "#A8A8A8", "entityFillHoverColor" : "#E5E5E9", "formatNumberScale":"0", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0", "toolTipColor": "#ffffff", "toolTipBorderThickness": "0", "toolTipBgColor": "#000000", "toolTipBgAlpha": "80", "toolTipBorderRadius": "2", "toolTipPadding": "5" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "NA", "displayValue": "North America", "value": "57.2", "link": "newchart:maps/northamericawocentral-json-NA" }, { "id": "SA", "value": "57.1", "showLabel" : "1" }, { "id": "AS", "value": "247", "showLabel" : "1" }, { "id": "EU", "value": "188.5", "showLabel" : "1" }, { "id": "AF", "value": "87.2", "showLabel" : "1" }, { "id": "AU", "value": "8.32", "showLabel" : "1" } ], "linkeddata": [ { "id": "NA", "linkedchart": { "chart": { "showLabels": "1", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "CA", "value": "99" }, { "id": "GL", "value": "200" }, { "id": "MX", "value": "210" }, { "id": "US", "value": "220", "link": "newchart:maps/usa-json-US" } ], "linkeddata": [ { "id": "US", "linkedchart": { "chart": { "showLabels": "1", "bgColor":"#000000", "bgAlpha":"0", "showBorder": "0", "showCanvasBorder": "0" }, "colorrange": { "color": [ { "minvalue": "50", "maxvalue": "299", "displayvalue": "Average", "code": "#f8bd19" }, { "minvalue": "300", "maxvalue": "1000", "code": "#6baa01" } ] }, "data": [ { "id": "HI", "value": "99" }, { "id": "DC", "value": "99" }, { "id": "MD", "value": "90" }, { "id": "DE", "value": "96" }, { "id": "RI", "value": "90" }, { "id": "WA", "value": "228" }, { "id": "OR", "value": "105" }, { "id": "CA", "value": "221" }, { "id": "AK", "value": "260" }, { "id": "ID", "value": "396" }, { "id": "NV", "value": "169" }, { "id": "AZ", "value": "435" }, { "id": "MT", "value": "445" }, { "id": "WY", "value": "455" }, { "id": "UT", "value": "227" }, { "id": "CO", "value": "214" }, { "id": "NM", "value": "196" }, { "id": "ND", "value": "331" }, { "id": "SD", "value": "374" }, { "id": "NE", "value": "329" }, { "id": "KS", "value": "231" }, { "id": "OK", "value": "150" }, { "id": "TX", "value": "202" }, { "id": "MN", "value": "137" }, { "id": "IA", "value": "143" }, { "id": "MO", "value": "424" }, { "id": "AR", "value": "485" }, { "id": "LA", "value": "124" }, { "id": "WI", "value": "181" }, { "id": "IL", "value": "120" }, { "id": "KY", "value": "309" }, { "id": "TN", "value": "250" }, { "id": "MS", "value": "351" }, { "id": "AL", "value": "271" }, { "id": "GA", "value": "124" }, { "id": "MI", "value": "120" }, { "id": "IN", "value": "205" }, { "id": "OH", "value": "476" }, { "id": "PA", "value": "445" }, { "id": "NY", "value": "369" }, { "id": "VT", "value": "322" }, { "id": "NH", "value": "216" }, { "id": "ME", "value": "404" }, { "id": "MA", "value": "165" }, { "id": "CT", "value": "316" }, { "id": "NJ", "value": "553" }, { "id": "WV", "value": "560" }, { "id": "VA", "value": "565" }, { "id": "NC", "value": "534" }, { "id": "SC", "value": "503" }, { "id": "FL", "value": "503" } ] } } ] } } ] }

Hello, I am working on an application that will dynamically build charts on page through angularjs. Since I am creating the content programmatically I won't have a static datasource variable so I have defined types in which I can infer the type of graph needed. Does anyone have any ideas on how this is best handled? I have tried the following, however, when I run this I get infdig angular errors because of the ajax call to get the data. HTML: <div class="row x-margintop"> <div class="col-md-8"> <fusioncharts width="100%" height="400px" type="column2d" datasource="{{getComparisonChart(comparison)}}"></fusioncharts> </div> </div> JS: $scope.getComparisonChart = function(comparison){ //Callbacks and Other Chart Data Will Vary Based On The Comparison dataSource Type if(comparison.dataSource === 'SvC'){ var data = []; $http({ url:'callbacks/chart_data/dogCallback.jsp', method: 'GET', params: {dogs: dogs, startDate: '10/01/2015', endDate: '12/01/2015'} }).success(function(data){ $scope.data = data; return { "chart": { "caption": "Monthly revenue for last year", "subCaption": "Harry's SuperMart", "xAxisName": "Month", "yAxisName": "Revenues (In USD)", "numberPrefix": "$", "paletteColors": "#0075c2", "bgColor": "#ffffff", "borderAlpha": "20", "canvasBorderAlpha": "0", "usePlotGradientColor": "0", "plotBorderAlpha": "10", "placevaluesInside": "1", "rotatevalues": "1", "valueFontColor": "#ffffff", "showXAxisLine": "1", "xAxisLineColor": "#999999", "divlineColor": "#999999", "divLineDashed": "1", "showAlternateHGridColor": "0", "subcaptionFontBold": "0", "subcaptionFontSize": "14", "theme": "fint" }, "data": $scope.data, "trendlines": [ { "line": [ { "startvalue": "700000", "color": "#1aaf5d", "valueOnRight": "1", "displayvalue": "Monthly Target" } ] } ] }; }); }