Folgender Fehler in einer Webseite
Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf https://qji0xmvhmtbrhkhu.myfri…a?id=2caeb6826d6e63fe.csv. (Grund: CORS-Anfrage schlug fehl).
Die Csv liegt auf einen NAS ( Fritzbox ) und sollte als Graf dargestellt werden. Im Folgenden ein Link zu der Doku der grafischen Darstellung https://c3js.org/samples/data_url.html
Interne URL, welche die geht ( Aufgrund von wenig internen Speicher liegen die meisten Csv auf einen Nas und können nicht mehr dargestellt werden.
https://192.168.178.80/FileBro…ath=%2FDataLogs%2FTemp_:="Datenlog_DB".Datum_Auswahl:.csv
Die externe Quelle sollte auch über Die IP erreichbar sein und nicht über einen Freigabelink da ich in einem Verzeichnis mehrere Csv auswählen möchte.
// Interne Quelle von den CSV
var chart = c3.generate({
data: {
url: 'https://192.168.178.80/FileBrowser/Download?Path=%2FDataLogs%2FTemp_:="Datenlog_DB".Datum_Auswahl:.csv',
}
});
// :="Datenlog_DB".Datum_Auswahl: entspricht einen String, welcher in der Url eingesetzt wird, um einen Teil des Dateinamen zu ändern, also die Url könnten dann z.B. so heißen
//url: 'https://192.168.178.80/FileBrowser/Download?Path=%2FDataLogs%2FTemp_20_01_2021.csv'
//oder
//url: 'https://192.168.178.80/FileBrowser/Download?Path=%2FDataLogs%2FTemp_19_11_2020.csv'
// ohne Chartformatierung
Alles anzeigen
Der links soll nun auch durch
url: 'https://qji0xmvhmtbrhkhu.myfritz.net:47754/nas/filelink.lua?id=2caeb6826d6e63fe.csv',
ersetzt werden was aber leider ein Freigabelink übers Internet ist, daher wäre mir eine Form wie hier lieber
http://192.168.178.1/nas/#/ + Speicherpfad.
// Externe Quelle von den CSV
var chart = c3.generate({
data: {
url: 'https://qji0xmvhmtbrhkhu.myfritz.net:47754/nas/filelink.lua?id=2caeb6826d6e63fe.csv',
// leider dann nur eine Csv möglich, da die Id zufällig generiert wird wenn man freigibt und dann eine Id - Datum Zuordnungsliste benötigen würde.
bzw:
url: 'http://192.168.178.1/nas/#/ Speicherpfad.',
// Und der SPS Variable :="Datenlog_DB".Datum_Auswahl: um das Datum in Dateinamen zu ändern
}
});