Wczytywanie danych z pliku tekstowego do gałki w javascript

Question

Cześć, na wstępie powiem tylko, że jeżeli chodzi o HTML CSS JAVASCRIPT itp itd to jestem totalnie zielony, zacząłem zabawe z tym kilka dni temu ( pisze prace inżynierską ) i o tyle o ile całkiem fajnie mi szło, mam już w sumie praktycznie całą strone z wizualizacją stacji meteorologicznej, o tyle utknąłem w punkcie i od 2 dni przeszukuje najciemniejsze zakamarki internetu ( wczoraj minąłem 2 hobbitów wrzucający pierścień do wulkanu ) w poszukiwaniu rozwiązania i albo u mnie nie działa albo jest tak przedstawione, że nie mam pojęcia co z tym zrobić. Mam stworzoną gałkę do pokazywania prędkości wiatru, wartości z wiatromierza zapisywane będą do pliku txt i chciałbym te wartości wyświetlić na stronie. Jest jakaś opcja żeby przekazać dane z pliku txt to skryptu w javascript? Dzięki za pomoc z góry

 

//tutaj np. chciałbym pobierać dane do tablicy wiatr[]
var gauge = new RadialGauge({
    renderTo: 'pw-galka-wartosc-chwilowa',
	width: 280,
	height: 280,
    units: "[m/s]",
	valueDec: 1,
	valueInt: 1,
    title: "Chwilowa Prędkośc wiatru",
    minValue: 0,
    maxValue: 15,
	value: wiatr[100],
	highlights: [
        {
            "from": 0,
            "to": 4,
            "color": "rgba(0,0, 255, .3)"
        },
        {
            "from": 4,
            "to": 12,
            "color": "rgba(255, 0, 0, .3)"
        },
		{
            "from": 12,
            "to": 15,
            "color": "rgba(255, 0, 0, .3)"
        }
    ],
    majorTicks: [
        0,
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9,
        10,
		11,
		12,
		13,
		14,
		15
    ],
    minorTicks: 2,
    strokeTicks: true,
    ticksAngle: 225,
    startAngle: 67.5,
    colorMajorTicks: "#ddd",
    colorMinorTicks: "#ddd",
    colorTitle: "#eee",
    colorUnits: "#ccc",
    colorNumbers: "#eee",
    colorPlate: "#222",
    borderShadowWidth: 0,
    borders: true,
    needleType: "arrow",
    needleWidth: 2,
    needleCircleSize: 7,
    needleCircleOuter: true,
    needleCircleInner: false,
    animationDuration: 1500,
    animationRule: "linear",
    colorBorderOuter: "#333",
    colorBorderOuterEnd: "#111",
    colorBorderMiddle: "#222",
    colorBorderMiddleEnd: "#111",
    colorBorderInner: "#111",
    colorBorderInnerEnd: "#333",
    colorNeedleShadowDown: "#333",
    colorNeedleCircleOuter: "#333",
    colorNeedleCircleOuterEnd: "#111",
    colorNeedleCircleInner: "#111",
    colorNeedleCircleInnerEnd: "#222",
    valueBoxBorderRadius: 0,
    colorValueBoxRect: "#222",
    colorValueBoxRectEnd: "#333"
	

}).draw();

 

Answer 1

Z poziomu JS nie masz dostępu do dysku użytkownika, ale możesz to rozwiązać na kilka sposobów:

1. Jeśli te dane mają być zapisywane tylko lokalnie to najlepiej zrób sobie po prostu JSONa i zapisz go w localStorage czy pokombinuj z IndexedDB
2. Jeśli ma to być zapisywane gdzieś "zdalnie" i np. dostępne po zalogowaniu czy dla innych to umieść to w back-endzie jakimś swoim albo użyj jakieś chmurki, np. fajna na początek chmura mongoDB na mLab, dzięki czemu nie musisz uczyć się składni np. MySQL tylko korzystasz z prostego API mLAB + dokumentacja mongo.

Do samego połączenia się z bazą poczytaj o technologii Ajax i ogólnie o asynchroniczności w JS.

Comments

Dziękuje bardzo za odpowiedz, z danymi to sprawa bedzie wyglądała tak, że przy pomocy raspberry PI dane z czujników będą pobierane i przetwarzane i potem chciałbym, żeby były zapisane do lokalnego pliku, a następnie wykorzystane jako zmienne przy wyświetlaniu pomiarów