ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ Β«ΠΠΈΡΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°Β»
| |
Β | ΠΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½Π°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ Π² ΠΏΡΠ½ΠΊΡΠ΅ Β«ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°Β». |
Π§ΡΠΎΠ±Ρ ΡΠ΄Π°Π»ΠΈΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ Ρ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΠ»ΠΊΠ½ΡΡΡ ΠΏΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Β«Π£Π΄Π°Π»ΠΈΡΡΒ».
ΠΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½Ρ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Dashboard Designer ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠΌΡ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΡΠ΅ΡΠ²Π΅ΡΡ, ΡΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΡΡΠ°Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ Π²ΠΎ Π²ΡΠ΅Ρ Dashboard Designer, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ ΠΊ ΡΠΎΠΌΡ ΠΆΠ΅ ΡΠ΅ΡΠ²Π΅ΡΡ.
ΠΡΠ»ΠΈ Dashboard Designer Π·Π°ΠΏΡΡΠ΅Π½ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΠ, Π° Π½Π° Π΄ΡΡΠ³ΠΎΠΌ ΠΠ Π² Dashboard Designer Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ, ΡΠΎ Dashboard Designer Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΌ ΠΠ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡ.
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ Π΄ΠΎΡΡΡΠΏΠ½Π° Β«ΠΡΠΈΠ²ΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ Β». ΠΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ Β«ΠΡΠ°ΡΠΈΠΊΒ».
ΠΡΠΈΠ²ΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Β«ΠΡΠΈΠ²ΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ Β» ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π΅ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ! ΠΠ°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°.
var categories = w.data.rows.map(function(row) { Β Β Β return row[0]; }); var series = w.data.cols.map(function (col, colIndex) { Β Β Β var data = w.data.values[colIndex].map(function (value) { Β Β Β Β Β Β Β return parseFloat(value); Β Β Β }); Β Β Β return { Β Β Β Β Β Β Β name: col, Β Β Β Β Β Β Β data: data Β Β Β } }); Highcharts.chart(w.general.renderTo, { Β Β Β chart: { Β Β Β Β Β Β Β type: 'column' Β Β Β }, Β Β Β xAxis: { Β Β Β Β Β Β Β categories: categories Β Β Β }, Β Β Β yAxis: { Β Β Β Β Β Β Β title: { Β Β Β Β Β Β Β Β Β Β Β text: w.props.yAxisTitle Β Β Β Β Β Β Β } Β Β Β }, Β Β Β plotOptions: { Β Β Β Β Β Β Β series: { Β Β Β Β Β Β Β Β Β Β Β dataLabels: { Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β enabled: w.props.dataLabels.enabled, Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β style: { Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β color: w.props.dataLabels.color, Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β } Β Β Β Β Β Β Β Β Β Β Β } Β Β Β Β Β Β Β } Β Β Β }, Β Β Β series: series });
{ Β Β Β "yAxisTitle": "Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅", Β Β Β "dataLabels": { Β Β Β Β Β Β Β Β "enabled": true, Β Β Β Β Β Β Β Β "color": "red" Β Β Β } }