Skip to content

Fusion Chart not showing properly in iOS - WKWebView #24

@thedahiyaboy

Description

@thedahiyaboy

In iOS, fusion chart was working fine in UIWebView (as shown below sample image from my project).

Now in iOS, UIWebView has been replaced with WKWebVeiw. After replacing the UIWebView to WKWebView, same fusion graph is not showing properly in the WKWebView.

Graph in UIWebView

UIWebView

Graph in WKWebView

  • Graph is zoomed out.
  • Fonts are very small.

WKWebView

Fusion Chart Code

 function showChart(dataChart,chartWidht,chartHeight,chartTypeValue){
 
  FusionCharts.ready(function(){

  var chartVar = dataChart;
  var ctype;
  
  // Get Chart Type.
  switch (chartTypeValue) {
                     
    case 1:
    ctype = "stackedcolumn2d";
    break;
    
    case 2:
    ctype = "pie3d";
    break;
    
    case 3:
    ctype = "column2d";
    break;
    
    default :
    ctype = "stackedcolumn2d";
    break;
                     
  }
                     
   var ddd = JSON.stringify(chartVar);
   var ddd2 = JSON.parse(ddd);
   var width = chartWidht;
   var height = chartHeight;

   // Height and width variable are not in use.
                     
   var revenueChart = new FusionCharts({
        
        "type": ctype,      // 1 == stackedcolumn2d 2 == pie3d 3 == column2d
        "renderAt": "chartContainer",
        "width": "100%",
        "height": "100%",
        "dataFormat": "json",
        "dataSource": ddd2

  });
                     
    revenueChart.render();
                     
 })
 }

System Configuration

  • Swift 4.x
  • iOS 12.x

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions