Re: Create a Simple Bubble Chart SAPUI5 - .js View

Hi,

I have faced below problems, When I use your code in project

1. view name in your view file is not matching in your html file. Highlighted the differences. Make it consistent.

View File

 

sap.ui.jsview("views.BubbleCoy", {

          /** Specifies the Controller belonging to this View.

          * In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.

          * @memberOf views.Bubble

          */

          getControllerName : function() {

                    return null;

          },

          blah blah blah

});

 

 

index.html file

                                       

               var bubbleView = sap.ui.view({id:"bubble", viewName:"views.Bubble", type:sap.ui.core.mvc.ViewType.JS});

               var bubbleModel = new sap.ui.model.json.JSONModel();

               bubbleModel.loadData("services/bubbleService.xsjs");

               bubbleView.setModel(bubbleModel); //data tied to SAP.Core

            

               bubbleView.placeAt("bubbleDisp");

           

            

             

2. adding element with duplicate id 'bubble'

Either change view id "bubble" to "bubble1" or your chart mainCoyBubbleChart  id from "bubble" to "bubble1"

After fixing above issues, it worked for me

Let me know if you need any more help.