Erweiterung:Chartie

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	Download master snapshot GitHub: Projektseite Git-Repositorium-URL [Hilfe ] Änderungsgeschichte Hinweis: No localisation updates are provided by translatewiki.net . README
Beispiel	Example of line chart to wiki page
Parameter $wgChartie
Tags ‎<chart>
Verwendete Hooks ParserMakeImageParams ParserFirstCallInit ImageBeforeProduceHTML ImageOpenShowImageInlineBefore BeforePageDisplay BeforePageDisplayMobile

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

Supported file extensions

CSV

• .csv

Installieren

• Die Erweiterung herunterladen und die Datei(en) in ein Verzeichnis namens Chartie im Ordner extensions/ ablegen.
• Folgenden Code am Ende deiner LocalSettings.php -Datei einfügen:

  wfLoadExtension( 'Chartie' );
  

• Ändere den $wgFileExtensions -Parameter:

$wgFileExtensions = array_merge(
  $wgFileExtensions, array(
      'csv'
  )
);

•  Erledigt – Zu Special:Version in dem Wiki (bei Einstellung auf deutsch nach Spezial:Version) navigieren, um die erfolgreiche Installierung der Erweiterung zu überprüfen.

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