JSFiddle - React, Tailwind, and code Playground

by Nikolay Petrov

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<div id="dataTable">
  FusionCharts will render here
 </div>

<h2><a href='http://89.23.18.113:8266' target='_blank'>Смотреть погоду сейчас (откроется в новом окне)</a></h2>
<h3>Последние 30 записей</h3>
<table width='600'>
    <tr>
        <th>№</th>
        <th>Дата</th>
        <th>Температура</th>
        <th>Давление</th>
    </tr>
    <tr>
        <td>28</td>
        <td>2016-12-27 02:08:25</td>
        <td align='center'>2</td>
        <td align='center'>742.78</td>
    </tr>
    <tr>
        <td>27</td>
        <td>2016-12-27 01:48:25</td>
        <td align='center'>1.8</td>
        <td align='center'>742.89</td>
    </tr>
    <tr>
        <td>26</td>
        <td>2016-12-27 01:28:25</td>
        <td align='center'>1.7</td>
        <td align='center'>742.94</td>
    </tr>
    <tr>
        <td>25</td>
        <td>2016-12-27 01:08:25</td>
        <td align='center'>1.4</td>
        <td align='center'>743.01</td>
    </tr>
    <tr>
        <td>24</td>
        <td>2016-12-27 00:48:25</td>
        <td align='center'>1.2</td>
        <td align='center'>743.4</td>
    </tr>
    <tr>
        <td>23</td>
        <td>2016-12-27 00:28:25</td>
        <td align='center'>1.5</td>
        <td align='center'>743.35</td>
    </tr>
    <tr>
        <td>22</td>
        <td>2016-12-27 00:08:24</td>
        <td align='center'>1.6</td>
        <td align='center'>743.37</td>
    </tr>
    <tr>
        <td>21</td>
        <td>2016-12-26 23:48:24</td>
        <td align='center'>1.6</td>
        <td align='center'>743.56</td>
    </tr>
    <tr>
        <td>20</td>
        <td>2016-12-26 23:28:24</td>
        <td align='center'>1.9</td>
        <td align='center'>743.68</td>
    </tr>
    <tr>
        <td>19</td>
        <td>2016-12-26 23:08:24</td>
        <td align='center'>2.1</td>
        <td align='center'>743.75</td>
    </tr>
    <tr>
        <td>18</td>
        <td>2016-12-26 22:48:24</td>
        <td...

CSS

body{background-color: #7D8EE2;color:#FFF;}

JavaScript

/**!
 * @license FusionCharts JavaScript Library jQuery Plugin v1.0.4
 * Copyright FusionCharts Technologies LLP
 * License Information at <http://www.fusioncharts.com/license>
 *
 * @author FusionCharts Technologies LLP
 */
FusionCharts.register("module",["private","HTMLTableDataHandler",function(){var a=this,b=a.window,c=b.document,d=function(a){var b,c,d=[];for(c=0,b=a.length;b>c;c+=1)3!==a[c].nodeType&&d.push(a[c]);return d},e=function(a){var b=d(a.childNodes);if(b.length){if("TBODY"===b[0].nodeName)return b[0];if("THEAD"===b[0].nodeName&&b[1]&&"TBODY"===b[1].nodeName)return b[1]}return a},f=function(a){var b=d(a.childNodes);return b.length&&"THEAD"===b[0].nodeName&&b[1]&&"TBODY"===b[1].nodeName?b[0].childNodes:[]},g=function(a){return void 0!==a.innerText?a.innerText:a.textContent},h=function(a){var b,c,e,f,g,h,i,j=1,k={},l=[];for(b=0,e=a.length;e>b;b+=1)for(g=d(a[b].childNodes),j=1,h=0,c=0,f=g.length;f>c;c+=1){for(i=c+j+h-1,k[i]&&b-k[i].rowNum<k[i].row&&(h+=k[i].col,i+=k[i].col),parseInt(g[c].getAttribute("rowspan"),10)>1&&(k[i]||(k[i]={}),k[i].rowNum=b,k[i].row=parseInt(g[c].getAttribute("rowspan"),10),parseInt(g[c].getAttribute("colspan"),10)>1?k[i].col=parseInt(g[c].getAttribute("colspan"),10):k[i].col=1);l.length<=i;)l.push({childNodes:[]});l[i].childNodes.push(g[c]),parseInt(g[c].getAttribute("colspan"),10)>1&&(j+=parseInt(g[c].getAttribute("colspan"),10)-1)}return l},i=function(a,b){for(var c=a.length;c;)if(c-=1,a[c]===b)return!0;return!1},j=function(a,b,c){var e,f,h,i=d(a[b].childNodes);for(e=0,f=i.length;f>e;e+=1)if(e!==c&&(h=g(i[e]),parseFloat(h)===h))return!0;return!1},k="__fcBLANK__",l=0,m=function(a,b,c,e){var f,n,o,p,q,r,s,t,u,v,w,x=null,y=[],z=[],A=0,B={},C=0,D=0;if("undefined"==typeof c){for(q=d(a[0].childNodes),p=0,f=q.length;f>p;p+=1)if(s=p+C,y[s]=k+(s+1),r=parseInt(q[p].colSpan,10),r=r>1?r:parseInt(q[p].rowSpan,10),r>1){for(n=1;r>n;n+=1)y[s+n]=k+(s+n+1);C+=r-1}for(o=0,n=p+C,f=b.length;f>o;o+=1)b[o]>0?delete y[b[o]-1]:delete...