Adicionalmente à minha resposta anterior:
Use sua página web assim:
<!DOCTYPE html>
<html ng-app="readArduinoApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("readArduinoApp", []);
app.controller("ReadArduinoController", function($scope)
{
$scope.acumuladores = [{
"hoje": "2/11/2017",
"hora": "16:35:6",
"ciclo": "40.58 horas",
"AcumMin": 0,
"Unit1": "WH",
"AcumHora": 287,
"Unit2": "WH",
"AcumDia": 0,
"Unit3": "WH",
"AcumMes": 287,
"Unit4": "WH",
"Projetado": 5,
"Unit5": "KWH",
"UltimaHora": 0,
"Unit6": "WH(15)",
"UltimoDia": 0,
"Unit7": "KWH (1)",
"UltimoMes": 0,
"Unit8": "KWH (10) "
}]
});
</script>
<body>
<div>
<h1>Controle de gastos</h1>
</div>
<div ng-controller="ReadArduinoController">
<h2>Consumo em tempo real</h2>
</header>
<p>
<h3>
<ul ng-repeat="d in acumuladores">
<li> Em: {{d.hoje}} às {{d.hora}} </li>
<li> Ciclo: {{d.ciclo}} - Delay de 10 sedundos </li>
<li> Acum. Min: {{d.AcumMin}} {{d.Unit1}} </li>
<li> Acum. Hora: {{d.AcumHora}} {{d.Unit2}} </li>
<li> Acum dia: {{d.AcumDia}} {{d.Unit3}} </li>
<li> Acum. Mês: {{d.AcumMes}} {{d.Unit4}} </li>
<li> Projetado: {{d.Projetado}} {{d.Unit5}} </li>
<li>Última Hora: {{d.UltimaHora}} {{d.Unit6}} </li>
<li> Último Dia: {{d.UltimoDia}} {{d.Unit7}} </li>
<li> Último Mês: {{d.UltimoMes}} {{d.Unit8}} </li>
</ul>
</h3>
</p>
</div>
</body>
</html>
Deve estar usando IDE do Arduino com o pacote do ESP8266, correto?
Em exemplos, busque por WifiWebServer e veja o exemplo completo. Vai perceber como os dados são enviados para "o outro lado".
Lembre-se, o exemplo WifiWebserver não envia JSON por padrão, você deve adaptá-lo para sua necessidade, mas isso é fácil pois o ESP apenas vai enviar um texto, então construa seu JSON de exemplo, bem curto e envie. Do outro lado veja o que recebe com console.log, como mostrado acima.