erp5_officejs_support_request_ui: Switch the backend chart library from Chartjs to ECharts.

ECharts has better visual effect than Chartjs.
And also update the tests.

bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_homepage_css.css

-#generate-rss  {
+#generate-rss {
   padding: 8pt;
   margin-top: 30pt;
   margin-right: 12pt;
@@ -9,4 +9,12 @@
   border-style: solid;
   min-width: 8em;
   line-height: 1.5;
+}
+
+#wrap1 iframe {
+  height: 100%;
+}
+
+#wrap2 iframe {
+  height: 100%;
 }
\ No newline at end of file

bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_homepage_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>961.39587.62437.8823</string> </value>
+                <value> <string>961.52407.42575.23859</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1503561791.86</float>
+                        <float>1504527393.27</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_homepage_html.html

@@ -12,9 +12,6 @@
     <script src="rsvp.js" type="text/javascript"></script>
     <script src="renderjs.js" type="text/javascript"></script>
 
-    <!-- libraries needed for graphs -->
-    <script src="chart.js" type="text/javascript"></script>
-
     <!-- custom script -->
     <script src="gadget_erp5_page_homepage.js" type="text/javascript"></script>
     <link rel="stylesheet" type="text/css" href="gadget_erp5_page_homepage.css">
@@ -24,31 +21,26 @@
     <h1 style="font-size:2em;font-weight:bold;text-align:center">Customer Support Dashboard</h1>
     <form>
       <div style="text-align:center;">
-        <input data-theme="b" data-inline="true" type="submit" data-i18n="[value]Submit New Support Request" value="Submit New Support Request" data-icon="check" name="create"/>
+        <input data-theme="b" data-inline="true" type="submit" data-i18n="[value]Submit New Support Request" value="Submit New Support Request" data-icon="check" />
       </div>
-
       <div class='ui-field-contain'>
-        <div class='left'>
-          <div style="width: 100% height: 200%">
-            <canvas id="bar-chart-grouped" responsive="true"></canvas>
-          </div>
+        <div class='left' style="height:50%; width:100%">
+          <div class="ui-icon-spinner ui-btn-icon-notext first-loader graph-spinner"></div>
+          <div id="wrap1" style="height:300px;"></div>
         </div>
-
-        <div class='right'>
-          <div style="width: 50%">
-            <canvas id="pie-chart" responsive="true"></canvas>
-          </div>
+              
+        <div class='right' style="height:50%; width:100%">
+          <div class="ui-icon-spinner ui-btn-icon-notext first-loader graph-spinner"></div>
+          <div id="wrap2" style="height:300px;"></div>
         </div>
       </div>
-      
-      <div class='bottom'>
-        <a id="generate-rss">
-          Generate RSS
-        </a>
-      </div>
 
+      <div class='bottom'>       
+        <a id="generate-rss">Generate RSS</a>         
+      </div>
+ 
       <div data-gadget-url="gadget_erp5_page_form.html" data-gadget-scope="last"></div>
-      
+
     </form>
   </body>
 </html>
\ No newline at end of file

bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_homepage_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>961.39558.32635.51763</string> </value>
+                <value> <string>961.56620.20048.26265</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1503561223.16</float>
+                        <float>1504526707.1</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_homepage_js.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>961.50969.9466.33160</string> </value>
+                <value> <string>961.56651.42335.12800</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1504187369.74</float>
+                        <float>1504528133.07</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_officejs_support_request_ui_test/PathTemplateItem/portal_tests/officejs_support_request_ui_zuite/testCheckHomePage.zpt

@@ -21,12 +21,17 @@
 </tr>
 <tr>
   <td>waitForElementPresent</td>
-  <td>//canvas[@id='bar-chart-grouped']</td>
+  <td>//a[@id='generate-rss']</td>
   <td></td>
 </tr>
 <tr>
   <td>waitForElementPresent</td>
-  <td>//canvas[@id='pie-chart']</td>
+  <td>//div[@id='wrap1']</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//div[@id='wrap2']</td>
   <td></td>
 </tr>
 <tr>