@ -22,6 +22,10 @@
padding: 0;
margin-left: 20px;
}
#app > .notification {
border: none;
}
< / style >
< / head >
< body >
@ -31,41 +35,55 @@
неРадіоактивна ситуація в Києві.
< / h1 >
< h2 class = "subtitle" > В < / h2 >
< div class = "notification is-warning" >
Використовуйте ландшавтну орієнтацію екрану для зручного перегляду. А б о
< / div >
< div id = "app" >
< div >
< apexchart type = "bar" height = "350" :options = "spectrumChartOptions" :series = "spectrum_series" > < / apexchart >
< div >
< fieldset >
< input type = "checkbox" id = "spectrum_x_accum" v-model = "spectrum_accum" >
< label for = "spectrum_x_accum" > Акумульований< / label >
< / fieldset >
< fieldset >
< input type = "radio" id = "spectrum_x_channel" v-bind:value = "false" v-model = "spectrum_energy" >
< label for = "spectrum_x_channel" > Канал< / label >
< input type = "radio" id = "spectrum_x_energy" v-bind:value = "true" v-model = "spectrum_energy" >
< label for = "spectrum_x_energy" > Енергія< / label >
< / fieldset >
< fieldset >
< input type = "radio" id = "spectrum_linear" v-bind:value = "false" v-model = "spectrum_logarithmic" >
< label for = "spectrum_linear" > Лінійне< / label >
< input type = "radio" id = "spectrum_log" v-bind:value = "true" v-model = "spectrum_logarithmic" >
< label for = "spectrum_log" > Логарифмічне< / label >
< / fieldset >
< / div >
< button @ click = "updateSpectrum" > Оновити спектр< / button >
< / div >
< div >
< apexchart type = "line" height = "350" :options = "ratesChartOptions" :series = "rates_series" > < / apexchart >
< button @ click = "rates_autoupdate = !rates_autoupdate" > Автооновлення: {{ rates_autoupdate ? "ВКЛ" : "ВИКЛ" }}< / button >
< button @ click = "rates_autoupdate = !rates_autoupdate" class = "button" > Автооновлення: {{ rates_autoupdate ? "ВКЛ" : "ВИКЛ" }}< / button >
< / div >
< div class = "notification" >
< strong > До 0,3 мк3в/г < / strong >
< p >
Швидкість дози в мікрозівертах на годину вказує, скільки мікрозівертів (одиниця виміру еквівалентної дози) радіації поглинається організмом а б о а і а б о
< / p >
< p >
Наприклад, якщо швидкість дози становить 10 μSv/h, це означає, що організм а б о а б о
< / p >
< / div >
< div >
< apexchart type = "bar" height = "350" :options = "spectrumChartOptions" :series = "spectrum_series" > < / apexchart >
< div >
< fieldset >
< label class = "checkbox" for = "spectrum_x_accum" > < input type = "checkbox" id = "spectrum_x_accum" v-model = "spectrum_accum" > Акумульований< / label >
< / fieldset >
< fieldset class = "control" >
< label class = "radio" for = "spectrum_x_channel" > < input type = "radio" id = "spectrum_x_channel" v-bind:value = "false" v-model = "spectrum_energy" > Канал< / label >
< label class = "radio" for = "spectrum_x_energy" > < input type = "radio" id = "spectrum_x_energy" v-bind:value = "true" v-model = "spectrum_energy" > Енергія< / label >
< / fieldset >
< fieldset class = "control" >
< label class = "radio" for = "spectrum_linear" > < input type = "radio" id = "spectrum_linear" v-bind:value = "false" v-model = "spectrum_logarithmic" > Лінійне< / label >
< label class = "radio" for = "spectrum_log" > < input type = "radio" id = "spectrum_log" v-bind:value = "true" v-model = "spectrum_logarithmic" > Логарифмічне< / label >
< / fieldset >
< / div >
< button @ click = "updateSpectrum" class = "button" > Оновити спектр< / button >
< / div >
< / div >
< h2 class = "subtitle" > (Частина проекту < a href = "https://dead.guru/" > dead.guru< / a > )< / h2 >
< / div >
< / section >
< script >
const common_options = {
chart: {
animations: {enabled: false},
animations: {enabled: false},
zoom: {autoScaleYaxis: true},
},
tooltip: {intersect: false},
