DataRow is empty when I add fourth column

[#1]

I have a question in ExtensionObject.

I use D3.js as extension object. I defined three parameters in definition.xml and passed to D3.js.

It works absolutely fine.

Below is my working definition. I am able to receive  it in javascript file.

Working Definition :

<?xml version="1.0" encoding="utf-8" ?>
<ExtensionObject Label="D3JsIntegrationWithActual" Path="D3JsIntegrationWithActual" Description=""                                              Type="object" PageHeight="100000" PageWidth="100000">

  <Dimension Label="Year" Initial="" />
  <Dimension Label="Country" Initial="" />
  <Dimension Label="Region" Initial="" />
  <Measurement Label="Bubble Size" Initial="" />
 
</ExtensionObject>

If I add one more dimenstion, It breaks. _this.Data.Rows.length is 0.

Problem giving Definition.xml:
  <?xml version="1.0" encoding="utf-8" ?>
<ExtensionObject Label="D3JsIntegrationWithActual" Path="D3JsIntegrationWithActual" Description="" Type="object"                                                                                                                              PageHeight="100000" PageWidth="100000">

  <Dimension Label="Year" Initial="" />
  <Dimension Label="Country" Initial="" />
  <Dimension Label="Region" Initial="" />
  <Dimension Label="DimF" Initial="" />
  <Measurement Label="Bubble Size" Initial="" />
 
</ExtensionObject>

I am trying to pass N columns from Qlikview to D3.JS.

Can some one help to solve this?

Regards,

Prakash Selvakumar