javascript - responsive pie chart with fusioncharts -

-

i want make fusionchart pie chart responsive, follow guide here : http://docs.fusioncharts.com/charts/contents/firstchart/changesize.html follow instructions in 'dynamic resize feature of charts' section.

but when page loaded, chart flatten out (no height). my chart flatten

when resize browser, chart size sucessfully responsive, small pie chart very small pie

why chart flatten when page first load? (i have resize browser first see chart). , why small chart?

here's code

<body style="height:100%;"> <div class="container-fluid">     <div class="row-fluid">         <div class="col-md-12">             <div id="chartcontainer" style="height:100%;">                 fusioncharts xt load here!             </div>         </div>     </div> </div>  <script type="text/javascript">     fusioncharts.ready(function(){         var mychart = new fusioncharts({             "type": "pie2d",             "dataformat": "jsonurl",             "datasource": "pie.json",             "width": "100%",             "height": "100%"         });         mychart.render("chartcontainer");     }); </script>

and here's pie.json :

{ "chart":{     "caption":"rasio pendapatan aeronautika & non-aeronautika",     "subcaption":"januari-juni 2014",     "palettecolors":"#008ee4,#6baa01,#f8bd19,#e44a00,#33bdda",     "bgalpha":"0",     "borderalpha":"20",     "use3dlighting":"0",     "showshadow":"0",     "enablesmartlabels":"0",     "startingangle":"0",     "showpercentvalues":"1",     "showpercentintooltip":"0",     "decimals":"3"},     "data":     [             {                 "label":"non-aeronautika",                 "value":"534.973.345.227\r",                 "link":"newchart-jsonurl-naero.json"             },             {                 "label":"aeronautika",                 "value":"960.429.586.179\r",                 "link":"newchart-jsonurl-aero.json"             }     ]

}

could point mistake?

thanks attention, appreciated..

is issue in specific browser? works in chrome/firefox

please find dropbox link: https://dl.dropboxusercontent.com/u/44972996/pie.rar


Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more