ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Β«ΠΠ°ΡΡΠΎΡΡ Π΅ΠΌΠ°Β»
ΠΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π΄Π»Ρ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Β«ΠΠ°ΡΡΠΎΡΡ Π΅ΠΌΠ°Β»
ΠΠ»Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ Π½Π° Π²ΠΈΠ΄ΠΆΠ΅ΡΠ΅, Π² ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄Π°Π½Π½ΡΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠ²Π΅ΡΠ°ΡΡΠΈΠΌ Π·Π° ΠΊΠΎΠ΄ GeoJSON. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ Ρ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΌΠΈ ΠΊΠΎΠ΄Π°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ GeoJSON.
ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ΅Π½Ρ Π²ΡΠ±ΠΎΡΠ° Π²ΠΈΠ΄Π° ΠΊΠ°ΡΡΠΎΡΡ Π΅ΠΌΡ. ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΡ:
ΠΠ°Π½Π½ΡΠ΅ ΠΊΠ°ΡΡΡ ΡΠ²Π»ΡΡΡΡΡ ΠΏΡΠ΅Π΄ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΌΠΈ. Π’Π°ΠΊ ΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊΠ°ΡΡΠΎΠΌΠ½ΡΠ΅ ΠΊΠ°ΡΡΡ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½ΡΠΆΠ½ΡΠΉ*.json ΡΠ°ΠΉΠ» Π² ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ°ΡΡΠΎΠΌΠ½ΡΡ ΠΊΠ°ΡΡΠΎΡΡ Π΅ΠΌΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ°ΡΠΊΡΠ°ΡΠΊΠΈ ΠΊΠ°ΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅:
| |
ΠΡΠ°Π΄ΠΈΠ΅Π½Ρ | |
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. | |
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. | |
ΠΠΎ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠΌΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ | |
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. | |
ΠΠ°ΠΌΠ΅Π½ΡΠ΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΎΠ΄ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ. | |
ΠΠ°ΠΌΠ΅Π½ΡΠ΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΎΠ΄ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π³ΡΠ°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π² Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡΡ . | |
ΠΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΌΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρ. | |
ΠΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΌΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ | |
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°ΡΠΊΡΠ°ΡΠΊΠΈ - Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°. | |
ΠΠ°ΠΌΠ΅Π½ΡΠ΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΎΠ΄ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ. | |
ΠΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ Π² Π»Π΅Π³Π΅Π½Π΄Π΅. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π³ΡΠ°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°. | |
ΠΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΌΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρ. | |
ΠΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ | |
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°ΡΠΊΡΠ°ΡΠΊΠΈ. | |
ΠΠ°ΠΌΠ΅Π½ΡΠ΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΎΠ΄ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΠ΅ΡΡΠΈΡΠΎΡΠΈΠΈ. | |
ΠΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ Π² Π»Π΅Π³Π΅Π½Π΄Π΅. | |
ΠΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ°. |
ΠΠ΅Π³Π΅Π½Π΄Π°
Π‘ΠΊΡΡΡΠΈΠ΅ / ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π»Π΅Π³Π΅Π½Π΄Ρ. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΡΠΈΡΡΠ° Π»Π΅Π³Π΅Π½Π΄Ρ ΠΈ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°. | |
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠ΅ΠΊΡΡΠ° Π»Π΅Π³Π΅Π½Π΄Ρ. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π»Π΅Π³Π΅Π½Π΄Ρ Π² Π²ΠΈΠ΄Π΅ ΡΡΡΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΠ°. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π»Π΅Π³Π΅Π½Π΄Ρ Π²Π½ΡΡΡΠΈ Π³ΡΠ°Π½ΠΈΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ. | |
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π»Π΅Π³Π΅Π½Π΄Ρ Π²Π½ΡΡΡΠΈ Π³ΡΠ°Π½ΠΈΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ. |
ΠΡΠ»ΠΈ ΠΏΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ°ΠΉΠ»Π° GeoJSON ΠΈ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ Π½Π΅ΠΌΡ Π΄Π°Π½Π½ΡΡ , Π²ΠΈΠ΄ΠΆΠ΅Ρ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅, ΡΠΎ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΡ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Π² ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΡΡΡΠΎΠ΅ΠΊ. Π Π² ΠΎΠΊΠ½Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄:
var dataFrame = visApi().getWidgetByGuid(w.general.renderTo).widgetDataContainer.dataFrame;
var rows = dataFrame.rows;
var values = dataFrame.values[0];
w.plotOptions.map.events = {
click: function(event) {
var point = event.point;
visApi().setFilterSelectedValues(w.general.renderTo, [[point.name]]);
}
}
w.series[0].joinBy = "name";
w.series[0].data = rows.map(function (row, i) {
return {
value: values[i],
name: row[0]
}
});
ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΡΠΏΠΎΠ»Π½ΠΈΡΡ ΠΊΠΎΠ΄.