https://unitapedia.univ-unita.eu/index.php?action=history&feed=atom&title=Widget%3AMobilityChart 2026-07-15T05:11:04Z Revision history for this page on the wiki MediaWiki 1.39.12 https://unitapedia.univ-unita.eu/index.php?title=Widget:MobilityChart&diff=7890&oldid=prev 2026-06-11T14:48:12Z

<p>Created page with &quot;&lt;div id=&quot;mobility-chart-container&quot; style=&quot;width: 1000px; height: 600px;&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; if (typeof echarts === &#039;undefined&#039;) { var script = document.createElement(&#039;script&#039;); script.src = &#039;https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js&#039;; script.type = &#039;text/javascript&#039;; document.getElementsByTagName(&#039;head&#039;)[0].appendChild(script); } // Wait for both DOM and potential script injection to clear window.addEventLis...&quot;</p> <p><b>New page</b></p><div>&lt;div id=&quot;mobility-chart-container&quot; style=&quot;width: 1000px; height: 600px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;script type=&quot;text/javascript&quot;&gt;<br /> if (typeof echarts === &#039;undefined&#039;) {<br /> var script = document.createElement(&#039;script&#039;);<br /> script.src = &#039;https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js&#039;;<br /> script.type = &#039;text/javascript&#039;;<br /> document.getElementsByTagName(&#039;head&#039;)[0].appendChild(script);<br /> }<br /> <br /> // Wait for both DOM and potential script injection to clear<br /> window.addEventListener(&quot;load&quot;, function() {<br /> try {<br /> // Grab the raw loop data from the widget parameter<br /> var rawInput = &quot;&quot;;<br /> <br /> // Clean up formatting and parse it into a real JS Array literal<br /> var cleanJsonString = &#039;[&#039; + rawInput.replace(/,\s*$/, &#039;&#039;) + &#039;]&#039;;<br /> var rawData = JSON.parse(cleanJsonString);<br /> <br /> var chartDom = document.getElementById(&#039;mobility-chart-container&#039;);<br /> var myChart = echarts.init(chartDom);<br /> <br /> var option = {<br /> legend: { top: &#039;5%&#039; },<br /> tooltip: { trigger: &#039;axis&#039;, axisPointer: { type: &#039;shadow&#039; } },<br /> dataset: {<br /> source: rawData<br /> },<br /> xAxis: { <br /> type: &#039;category&#039;, <br /> name: &#039;Type of Mobility&#039;, <br /> axisLabel: { rotate: 20, interval: 0 } <br /> },<br /> yAxis: { type: &#039;value&#039;, name: &#039;Participants&#039; },<br /> grid: { top: &#039;15%&#039;, left: &#039;3%&#039;, right: &#039;4%&#039;, bottom: &#039;20%&#039;, containLabel: true },<br /> series: [<br /> { name: &#039;Student bachelor&#039;, type: &#039;bar&#039;, encode: { x: &#039;Type_of_mobility&#039;, y: &#039;Participants&#039; }, filter: { Status_of_mobility_participant: &#039;Student_bachelor&#039; } },<br /> { name: &#039;Student master&#039;, type: &#039;bar&#039;, encode: { x: &#039;Type_of_mobility&#039;, y: &#039;Participants&#039; }, filter: { Status_of_mobility_participant: &#039;Student_master&#039; } },<br /> { name: &#039;Student doctorate&#039;, type: &#039;bar&#039;, encode: { x: &#039;Type_of_mobility&#039;, y: &#039;Participants&#039; }, filter: { Status_of_mobility_participant: &#039;Student_doctorate&#039; } },<br /> { name: &#039;Student Assembly member&#039;, type: &#039;bar&#039;, encode: { x: &#039;Type_of_mobility&#039;, y: &#039;Participants&#039; }, filter: { Status_of_mobility_participant: &#039;Student Assembly member&#039; } }<br /> ],<br /> color: [&#039;#5470C6&#039;, &#039;#91CC75&#039;, &#039;#FAC858&#039;, &#039;#EE6666&#039;]<br /> };<br /> <br /> myChart.setOption(option);<br /> } catch (e) {<br /> console.error(&quot;ECharts Widget crashed: &quot;, e);<br /> }<br /> });<br /> &lt;/script&gt;</div>

Elie Saade