Deploying to gh-pages from @ dreamRs/apexcharter@85708897b0 🚀

This commit is contained in:
pvictor 2024-05-16 07:13:31 +00:00
parent f10a3fdaf1
commit c5600e43e7
7 changed files with 10 additions and 10 deletions

View File

@ -84,7 +84,7 @@
<h4 data-toc-skip class="author">Victor
Perrier</h4>
<h4 data-toc-skip class="date">2024-05-15</h4>
<h4 data-toc-skip class="date">2024-05-16</h4>
<small class="dont-index">Source: <a href="https://github.com/dreamRs/apexcharter/blob/HEAD/vignettes/apexcharter.Rmd" class="external-link"><code>vignettes/apexcharter.Rmd</code></a></small>
<div class="d-none name"><code>apexcharter.Rmd</code></div>

View File

@ -105,7 +105,7 @@
<span> subtitle <span class="op">=</span> <span class="st">"Variable 1"</span></span>
<span><span class="op">)</span></span></code></pre></div>
<div id="htmlwidget-ac96cb3ee4656e2e9ec3" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-ac96cb3ee4656e2e9ec3">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715817600000,36],[1715904000000,53],[1715990400000,26],[1716076800000,50],[1716163200000,56],[1716249600000,61],[1716336000000,32],[1716422400000,48],[1716508800000,48],[1716595200000,47],[1716681600000,44],[1716768000000,56],[1716854400000,71],[1716940800000,34],[1717027200000,55],[1717113600000,31],[1717200000000,45],[1717286400000,49],[1717372800000,55],[1717459200000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":46.9,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<script type="application/json" data-for="htmlwidget-ac96cb3ee4656e2e9ec3">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715904000000,36],[1715990400000,53],[1716076800000,26],[1716163200000,50],[1716249600000,56],[1716336000000,61],[1716422400000,32],[1716508800000,48],[1716595200000,48],[1716681600000,47],[1716768000000,44],[1716854400000,56],[1716940800000,71],[1717027200000,34],[1717113600000,55],[1717200000000,31],[1717286400000,45],[1717372800000,49],[1717459200000,55],[1717545600000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":46.9,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/spark_box.html">spark_box</a></span><span class="op">(</span></span>
<span> data <span class="op">=</span> <span class="va">spark_data</span>,</span>
@ -116,7 +116,7 @@
<span> subtitle_style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"#FFF"</span><span class="op">)</span></span>
<span><span class="op">)</span></span></code></pre></div>
<div id="htmlwidget-e5c8c404fe174e4c81bd" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-e5c8c404fe174e4c81bd">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715817600000,36],[1715904000000,53],[1715990400000,26],[1716076800000,50],[1716163200000,56],[1716249600000,61],[1716336000000,32],[1716422400000,48],[1716508800000,48],[1716595200000,47],[1716681600000,44],[1716768000000,56],[1716854400000,71],[1716940800000,34],[1717027200000,55],[1717113600000,31],[1717200000000,45],[1717286400000,49],[1717372800000,55],[1717459200000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":46.9,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch
<script type="application/json" data-for="htmlwidget-e5c8c404fe174e4c81bd">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715904000000,36],[1715990400000,53],[1716076800000,26],[1716163200000,50],[1716249600000,56],[1716336000000,61],[1716422400000,32],[1716508800000,48],[1716595200000,48],[1716681600000,47],[1716768000000,44],[1716854400000,56],[1716940800000,71],[1717027200000,34],[1717113600000,55],[1717200000000,31],[1717286400000,45],[1717372800000,49],[1717459200000,55],[1717545600000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":46.9,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch
an example :</p>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span><span class="fu">run_sparkbox_demo</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>

View File

@ -59,7 +59,7 @@
</div>
<div class="section level2">
<h2 class="pkg-version" data-toc-text="0.4.3" id="apexcharter-043">apexcharter 0.4.3<a class="anchor" aria-label="anchor" href="#apexcharter-043"></a></h2>
<h2 class="pkg-version" data-toc-text="0.4.3" id="apexcharter-043">apexcharter 0.4.3<a class="anchor" aria-label="anchor" href="#apexcharter-043"></a></h2><p class="text-muted">CRAN release: 2024-05-15</p>
<ul><li>Updated ApexCharts.js to 3.49.1 (see <a href="https://github.com/apexcharts/apexcharts.js/releases" class="external-link uri">https://github.com/apexcharts/apexcharts.js/releases</a>).</li>
<li>New chart type : slope charts.</li>
</ul></div>

View File

@ -9,7 +9,7 @@ articles:
shiny-integration: extra/shiny-integration.html
spark-box: extra/spark-box.html
sync-charts: extra/sync-charts.html
last_built: 2024-05-15T09:25Z
last_built: 2024-05-16T07:12Z
urls:
reference: https://dreamrs.github.io/apexcharter/reference
article: https://dreamrs.github.io/apexcharter/articles

View File

@ -281,12 +281,12 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></dd>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">dat</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">x</span>, <span class="va">y</span><span class="op">)</span>, <span class="st">"line"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_chart</span><span class="op">(</span>defaultLocale <span class="op">=</span> <span class="st">"fr"</span><span class="op">)</span></span></span>
<div id="htmlwidget-052c39e1c1e82010409b" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-052c39e1c1e82010409b">{"x":{"ax_opts":{"chart":{"type":"line","defaultLocale":"fr","locales":[{"name":"fr","options":{"months":["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"shortMonths":["janv.","févr.","mars","avr.","mai","juin","juill.","août","sept.","oct.","nov.","déc."],"days":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"shortDays":["dim.","lun.","mar.","mer.","jeu.","ven.","sam."],"toolbar":{"exportToSVG":"Télécharger au format SVG","exportToPNG":"Télécharger au format PNG","exportToCSV":"Télécharger au format CSV","menu":"Menu","selection":"Sélection","selectionZoom":"Sélection et zoom","zoomIn":"Zoomer","zoomOut":"Dézoomer","pan":"Navigation","reset":"Réinitialiser le zoom"}}}]},"series":[{"name":"y","type":"line","data":[[1715817600000,3],[1715904000000,6],[1715990400000,4],[1716076800000,10],[1716163200000,1],[1716249600000,7],[1716336000000,19],[1716422400000,14],[1716508800000,20],[1716595200000,9],[1716681600000,2],[1716768000000,8],[1716854400000,16],[1716940800000,18],[1717027200000,11],[1717113600000,15],[1717200000000,17],[1717286400000,13],[1717372800000,5],[1717459200000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<script type="application/json" data-for="htmlwidget-052c39e1c1e82010409b">{"x":{"ax_opts":{"chart":{"type":"line","defaultLocale":"fr","locales":[{"name":"fr","options":{"months":["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"shortMonths":["janv.","févr.","mars","avr.","mai","juin","juill.","août","sept.","oct.","nov.","déc."],"days":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"shortDays":["dim.","lun.","mar.","mer.","jeu.","ven.","sam."],"toolbar":{"exportToSVG":"Télécharger au format SVG","exportToPNG":"Télécharger au format PNG","exportToCSV":"Télécharger au format CSV","menu":"Menu","selection":"Sélection","selectionZoom":"Sélection et zoom","zoomIn":"Zoomer","zoomOut":"Dézoomer","pan":"Navigation","reset":"Réinitialiser le zoom"}}}]},"series":[{"name":"y","type":"line","data":[[1715904000000,3],[1715990400000,6],[1716076800000,4],[1716163200000,10],[1716249600000,1],[1716336000000,7],[1716422400000,19],[1716508800000,14],[1716595200000,20],[1716681600000,9],[1716768000000,2],[1716854400000,8],[1716940800000,16],[1717027200000,18],[1717113600000,11],[1717200000000,15],[1717286400000,17],[1717372800000,13],[1717459200000,5],[1717545600000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Italian</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">dat</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">x</span>, <span class="va">y</span><span class="op">)</span>, <span class="st">"line"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_chart</span><span class="op">(</span>defaultLocale <span class="op">=</span> <span class="st">"it"</span><span class="op">)</span></span></span>
<div id="htmlwidget-e038f1220f5e280bbc8c" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-e038f1220f5e280bbc8c">{"x":{"ax_opts":{"chart":{"type":"line","defaultLocale":"it","locales":[{"name":"it","options":{"months":["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],"shortMonths":["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],"days":["Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"],"shortDays":["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],"toolbar":{"exportToSVG":"Scarica SVG","exportToPNG":"Scarica PNG","exportToCSV":"Scarica CSV","menu":"Menu","selection":"Selezione","selectionZoom":"Seleziona Zoom","zoomIn":"Zoom In","zoomOut":"Zoom Out","pan":"Sposta","reset":"Reimposta Zoom"}}}]},"series":[{"name":"y","type":"line","data":[[1715817600000,3],[1715904000000,6],[1715990400000,4],[1716076800000,10],[1716163200000,1],[1716249600000,7],[1716336000000,19],[1716422400000,14],[1716508800000,20],[1716595200000,9],[1716681600000,2],[1716768000000,8],[1716854400000,16],[1716940800000,18],[1717027200000,11],[1717113600000,15],[1717200000000,17],[1717286400000,13],[1717372800000,5],[1717459200000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<script type="application/json" data-for="htmlwidget-e038f1220f5e280bbc8c">{"x":{"ax_opts":{"chart":{"type":"line","defaultLocale":"it","locales":[{"name":"it","options":{"months":["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],"shortMonths":["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],"days":["Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"],"shortDays":["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],"toolbar":{"exportToSVG":"Scarica SVG","exportToPNG":"Scarica PNG","exportToCSV":"Scarica CSV","menu":"Menu","selection":"Selezione","selectionZoom":"Seleziona Zoom","zoomIn":"Zoom In","zoomOut":"Zoom Out","pan":"Sposta","reset":"Reimposta Zoom"}}}]},"series":[{"name":"y","type":"line","data":[[1715904000000,3],[1715990400000,6],[1716076800000,4],[1716163200000,10],[1716249600000,1],[1716336000000,7],[1716422400000,19],[1716508800000,14],[1716595200000,20],[1716681600000,9],[1716768000000,2],[1716854400000,8],[1716940800000,16],[1717027200000,18],[1717113600000,11],[1717200000000,15],[1717286400000,17],[1717372800000,13],[1717459200000,5],[1717545600000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Custom config</span></span></span>
@ -303,7 +303,7 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></dd>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span><span class="op">)</span></span></span>
<div id="htmlwidget-edfbfb644765ba3c8093" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-edfbfb644765ba3c8093">{"x":{"ax_opts":{"chart":{"type":"line","locales":[{"name":"en","options":{"toolbar":{"exportToSVG":"GET SVG","exportToPNG":"GET PNG"}}}]},"series":[{"name":"y","type":"line","data":[[1715817600000,3],[1715904000000,6],[1715990400000,4],[1716076800000,10],[1716163200000,1],[1716249600000,7],[1716336000000,19],[1716422400000,14],[1716508800000,20],[1716595200000,9],[1716681600000,2],[1716768000000,8],[1716854400000,16],[1716940800000,18],[1717027200000,11],[1717113600000,15],[1717200000000,17],[1717286400000,13],[1717372800000,5],[1717459200000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<script type="application/json" data-for="htmlwidget-edfbfb644765ba3c8093">{"x":{"ax_opts":{"chart":{"type":"line","locales":[{"name":"en","options":{"toolbar":{"exportToSVG":"GET SVG","exportToPNG":"GET PNG"}}}]},"series":[{"name":"y","type":"line","data":[[1715904000000,3],[1715990400000,6],[1716076800000,4],[1716163200000,10],[1716249600000,1],[1716336000000,7],[1716422400000,19],[1716508800000,14],[1716595200000,20],[1716681600000,9],[1716768000000,2],[1716854400000,8],[1716940800000,16],[1717027200000,18],[1717113600000,11],[1717200000000,15],[1717286400000,17],[1717372800000,13],[1717459200000,5],[1717545600000,12]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"line"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>

View File

@ -158,7 +158,7 @@ Boxes have CSS class <code>"apexcharter-spark-box"</code> if you need more styli
<span class="r-in"><span> subtitle <span class="op">=</span> <span class="st">"Variable 1"</span></span></span>
<span class="r-in"><span><span class="op">)</span></span></span>
<div id="htmlwidget-403409a357b4d6f04e70" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-403409a357b4d6f04e70">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715817600000,44],[1715904000000,51],[1715990400000,54],[1716076800000,44],[1716163200000,60],[1716249600000,47],[1716336000000,64],[1716422400000,41],[1716508800000,28],[1716595200000,47],[1716681600000,54],[1716768000000,60],[1716854400000,53],[1716940800000,62],[1717027200000,47],[1717113600000,43],[1717200000000,35],[1717286400000,75],[1717372800000,56],[1717459200000,39]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":50.2,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2024-05-16","max":"2024-06-04"},"type":"area"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<script type="application/json" data-for="htmlwidget-403409a357b4d6f04e70">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1715904000000,44],[1715990400000,51],[1716076800000,54],[1716163200000,44],[1716249600000,60],[1716336000000,47],[1716422400000,64],[1716508800000,41],[1716595200000,28],[1716681600000,47],[1716768000000,54],[1716854400000,60],[1716940800000,53],[1717027200000,62],[1717113600000,47],[1717200000000,43],[1717286400000,35],[1717372800000,75],[1717459200000,56],[1717545600000,39]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":50.2,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2024-05-17","max":"2024-06-05"},"type":"area"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># In Shiny</span></span></span>
<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>

File diff suppressed because one or more lines are too long