Extension:Chartie
Chartie Sürüm durumu: kararlı |
|
---|---|
Uygulama | Ayrıştırıcı işlevi , Etiket |
Açıklama | MediaWiki'nize çizgi grafik desteği ekler |
Yazar(lar) | Dolfinus |
En son sürüm | 1.1 (2024-04-01) |
MediaWiki | 1.25+ |
Veritabanı değişiklikleri | Hayır |
Lisans | MIT Lisansı |
İndir | Master anlık görüntüyü indir Not: README |
Örnek | Viki sayfasına çizgi grafiği örneği |
$wgChartie |
|
<chart> |
|
Açıklama
Site sayfalarına basit çizgi grafikler eklemeye izin veren MediaWiki uzantısı. d3.js dayalı olarak, resmi SVG olarak işler. Orada örnek grafik sayfasını görebilirsiniz.
Örnek
Çizgi grafik görünümü örneği
Supported file extensions
CSV
- .csv
Yükle
- Dosyaları İndir ve
extensions/
klasörünüzdekiChartie
adlı dizine yerleştirin. - LocalSettings.php dosyanızın altına aşağıdaki kodu ekleyin:
wfLoadExtension( 'Chartie' );
- $wgFileExtensions parametresini değiştirin:
$wgFileExtensions = array_merge(
$wgFileExtensions, array(
'csv'
)
);
- Yapıldı – Uzantının başarıyla yüklendiğini doğrulamak için vikinizde Special:Version seçeneğine gidin.
Kullanım
Resim İşleyici Olarak
[[File:Data.csv|800x350px|legend_title=,x_title=,...]]
Ayrıştırıcı işlevi olarak
{{#chart: Name;x_value1;y_value1 Name;x_value2;y_value2 ...}}
veya
{{#chart:Data.csv}}
parametreler ile:
{{#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}}
Yüklenen dosya adı yerine harici sitede bulunan dosya için bir url de kullanabilirsiniz.
Ayrıştırıcı etiketi olarak
<chart data="Data.csv" width="" height="" ... ></chart>
veya
<chart width="" height="" ... >Data.csv</chart>
veya
<chart width="" height="" ... >
Name;x_value1;y_value1
Name;x_value2;y_value2
</chart>
Kısa dosya adı yerine url de kullanabilirsiniz.
Parametreler
Ad | Açıklama | Varsayılan değer |
---|---|---|
width | Grafik kapsayıcı genişliği | 865 |
height | Grafik kapsayıcı yüksekliği | 360 |
legend_title | Legend bloğunun başlığı | Çözücüler: |
x_type | X ekseni değerinin türü | temp |
x_title | X ekseni için başlık | Sıcaklık |
x_unit | X ekseni birimi | C |
x_null | True ise, x ekseninin başlangıcı olarak 0 kullanın | false |
y_type | Y ekseni değerinin türü | çözünürlük |
y_title | Y ekseni için başlık | Çözünürlük |
y_unit | Y ekseni birimi | g/100g |
y_null | True ise, y ekseninin başlangıcı olarak 0 kullanın | false |
delimiter | Csv dosyası için sınırlayıcı | ; |
style | Grafik kapsayıcı CSS stili | |
class | Grafik kapsayıcı HTML sınıfı |
Genişlik ve yükseklik otomatik olarak ayarlanabilir, böylece kap boyutu kullanıcı ekranı boyutlarına göre ayarlanacaktır.
Eksen tipi, her birine dönüştürülebilen mevcut birimler listesini tanımlar. Kendi birimlerinizi kullanmak istiyorsanız, eksen tipini "general" olarak ayarlayın. Birim dönüştürmeyi hiç kullanmak istemiyorsanız, eksen tipini "no" olarak ayarlayın. Varsayılan olarak, eksen başlıkları ve birimleri, türüne göre değerini otomatik olarak ayarlar (as =type adı ve =first listedeki birim):
Eksen türleri ve birimleri
Tür | Birimler |
---|---|
general | a,f,p,n,u,m,c,d, ,K,M,G,T,P (örnekler) |
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,% |
Yerelleştirme
Şimdilik, uzantı Rusçaya da çevrildi, böylece yerelleştirilmiş birim adı kullanabilirsiniz (örneğin, "kg" yerine "кг"). Yerelleştirmelerin tam listesi i18n dizininde bulunabilir, bunlar langs olarak adlandırılır.
Yapılandır
Tüm varsayılan değerler LocalSettings.php dosyanızda değiştirilebilir:
$wgChartie["width"] = 865;
$wgChartie["height"] = 360;
...
$wgChartie["class"] = 'someclass';
Kontroller
Eylem | Kontroller |
---|---|
Fare üzerinde çizgi, dokunma çizgisi | Tahmini değer içeren araç ipucunu göster |
Fare çizgi noktalarının üzerinde, dokunma noktası | Tam değeri olan araç ipucunu göster |
Eksen başlığına tıklayın | Min / sıfırdan değerleri göster |
Eksen birimine tıklayın | Değerleri yeni birime dönüştür |
Çizgiye çift tıklayın | Belirtilen satırı gizle |
Açıklama öğesine tıklayın veya dokunun | Belirli bir satırı gizle/göster |
Açıklama başlığına tıklayın | Tüm satırları gizle/göster |
- Stable extensions/tr
- Parser function extensions/tr
- Tag extensions/tr
- MIT licensed extensions/tr
- Extensions in GitHub version control/tr
- ParserMakeImageParams extensions/tr
- ParserFirstCallInit extensions/tr
- ImageBeforeProduceHTML extensions/tr
- ImageOpenShowImageInlineBefore extensions/tr
- BeforePageDisplay extensions/tr
- BeforePageDisplayMobile extensions/tr
- All extensions/tr
- Graph extensions/tr