Построение html графиков по данным csv

125
14 октября 2019, 02:20

У меня есть локальный файла csv, если возможно, хотелось бы чтобы в одной папке с ним лежал html с графиками, построенными на его данных. csv обновляется каждые 24 часа, поэтому графики должны обновляться вместе с ним. Как это можно сделать наименьшими усилиями?

Answer 1
<!DOCTYPE html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 <!-- http://t.co/dKP3o1e -->
 <meta name="HandheldFriendly" content="True">
 <meta name="MobileOptimized" content="320">
 <title>DatabaseStatistics</title>
 <meta name="description" content="test">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="jquery.csv.min.js"></script>
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript"> // load the visualisation API
  google.load('visualization', '1', { packages: ['corechart', 'controls'] });
</script>
<script type="text/javascript">
function drawVisualization() {
   $.get("mycsv.csv", function(csvString) {
      // transform the CSV string into a 2-dimensional array
      var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
      // this new DataTable object holds all the data
      var data = new google.visualization.arrayToDataTable(arrayData);
      // CAPACITY - En-route ATFM delay - YY - CHART
      var crt_ertdlyYY = new google.visualization.ChartWrapper({
         chartType: 'LineChart',
         containerId: 'mycsv',
         dataTable: data,
         options:{
            width: 600, height: 300,
            title: 'Мой график из csv',
            titleTextStyle : {color: 'black', fontSize: 20},
         }
      });
      crt_ertdlyYY.draw();
   });
}
google.setOnLoadCallback(drawVisualization)
</script>
</head>
<body>
<div id="mycsv"></div>
</body>
READ ALSO
Ширина HTML элемента
HTML

Ширина HTML элемента

Когда указываешь в CSS длину элемента 100%

 156
position sticky
jQuery

position sticky

Проблема в position stickyю Если я его добавляю, то скрипт работает только 1 раз: отматывая вниз, вверх после этого не отматывает

 163
Не могу понять, почему не работает &ldquo;slideToggle()&rdquo; библиотеки JQuery
jQuery

Не могу понять, почему не работает “slideToggle()” библиотеки JQuery

Пишу адаптивный сайт, на размере 767px и убирается навигационное меню(display:none), появляется значок- бургерХочу чтобы при нажатии на него, всплывало...

 124
AssetBundle memory device
c#

AssetBundle memory device

Как проверить, достаточно ли количество памяти на устройстве для загрузки АссетБандлов? И как получить размер АссетБандла?

 136