Jump to content

Erweiterung:Chartie

From mediawiki.org
This page is a translated version of the page Extension:Chartie and the translation is 75% complete.
MediaWiki-Erweiterungen
Chartie
Freigabestatus: stabil
Einbindung Parser-Funktion , Tag
Beschreibung Adds support of line charts at your MediaWiki
Autor(en) Dolfinus
Letzte Version 1.1 (2024-04-01)
MediaWiki 1.25+
Datenbankänderungen Nein
Lizenz MIT-Lizenz
Herunterladen
README
Beispiel Example of line chart to wiki page
$wgChartie
‎<chart>

Beschreibung

MediaWiki extension which allows to add simple line charts to site pages. Based on d3.js, renders image as SVG. There you can see example chart page.

Beispiel

Beispiel einer Liniendiagrammansicht

noframe
noframe

Supported file extensions

CSV

  • .csv

Installieren

$wgFileExtensions = array_merge(
  $wgFileExtensions, array(
      'csv'
  )
);
  • Yes Erledigt – Navigiere zu Special:Version in deinem Wiki, um zu überprüfen, ob die Erweiterung erfolgreich installiert wurde.

Verwendung

Als Bild-Handler

[[File:Data.csv|800x350px|legend_title=,x_title=,...]]

Als Parser-Funktion

{{#chart:
Name;x_value1;y_value1
Name;x_value2;y_value2
...}}

oder

{{#chart:Data.csv}}

mit Parameter:

{{#chart:Data.csv|width}}
{{#chart:Data.csv|width|height}}
...
{{#chart:Data.csv|width|height|legend_title|x_type|x_title|x_unit|x_null|y_type|y_title|y_unit|y_null|delimiter|style|class}}

Instead of uploaded filename you also can use an url for file located in external site.

Als Parser-Tag

<chart data="Data.csv" width="" height="" ... ></chart>

oder

<chart width="" height="" ... >Data.csv</chart>

oder

<chart width="" height="" ... >
Name;x_value1;y_value1
Name;x_value2;y_value2
</chart>

Du kannst auch url statt eines kurzen Dateinamens verwenden.

Parameter

Name Beschreibung Standardwert
width Diagramm-Container-Breite 865
height Diagramm-Container-Höhe 360
legend_title Titel des Legendenblocks: Lösungsmittel:
x_type Typ des x-Achsenwerts temp
x_title Titel für die x-Achse Temperatur
x_unit Einheit für die x-Achse C
x_null Falls es auf true ist, verwende 0 als Anfang der x-Achse. false
y_type Typ des y-Achsenwerts solub
y_title Titel für die Y-Achse Löslichkeit
y_unit Einheit für y-Achse g/100g
y_null Falls es auf true ist, verwende 0 als Anfang der y-Achse. false
delimiter Delimiter for csv file ;
style Chart container CSS style
class Diagrammcontainer-HTML-Klasse

Width and height can be set to auto, so size of container will be set according to user screen dimensions.

Type of axis defines available units list, that could be converted to each one. If you want to use your own units, set axis type to general. If you want to no use unit convertation at all, set axis type to no. By default, axis titles and units are automatically sets its value, based on type (as =type name and =first unit in list):

Achsenarten und Einheiten

Typ Einheiten
general a,f,p,n,u,m,c,d, ,K,M,G,T,P (Präfixe)
time s,min,hour,day,month,year
mass mg,ct,g,oz,lb,kg,ton
length mm,cm,in,ft,yd,m,km,mile
area mm2,cm2,in2,dm2,ft2,yd2,m2,a,da,acre,ha,km2,mile2
volume mm3,cm3,pt,qt,l,gal,br,m3,km3
speed mps,knot,mph,fps,kph,kps,c
temp C,K,F,Ra
solub g/100g,%

Lokalisierungen

Aktuell wird die Erweiterung auch auf Russisch übersetzt, sodass du die Lokalisierten Einheitennamen verwenden kannst (zum Beispiel ‘кг’ statt ‘kg’). Eine volle Liste von Lokalisierungen kann im Ordner i18n, sie werden nach Langs benannt.

Konfigurieren

Alle Standardwerte können in deiner LocalSettings.php -Datei verändert werden:

$wgChartie["width"]  = 865;
$wgChartie["height"] = 360;
...
$wgChartie["class"]  = 'someclass';

Steuerungen

Aktion Steuerungen
Mouse over line, touch line Show tooltip with extrapolated value
Mouse over line dots, touch dot Show tooltip with exact value
Click on axis title Show values from min / from zero
Click on axis unit Convert values to new unit
Linie doppelklicken Die angegebene Linie verstecken
Click or touch legend item Verstecke/Zeige die angegebene Linie
Click on legend title Verstecke/Zeige alle Linien