Deploying to gh-pages from @ dreamRs/apexcharter@624ab8b901 🚀

This commit is contained in:
pvictor 2024-03-09 11:03:13 +00:00
parent 92ca06759e
commit 6308f3f858
8 changed files with 138 additions and 138 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -104,8 +104,8 @@
<span> title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">spark_data</span><span class="op">$</span><span class="va">var1</span><span class="op">)</span>, </span>
<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-1d7a1b8a9702e6b60489" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-1d7a1b8a9702e6b60489">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1710028800000,54],[1710115200000,47],[1710201600000,33],[1710288000000,33],[1710374400000,39],[1710460800000,46],[1710547200000,52],[1710633600000,48],[1710720000000,62],[1710806400000,56],[1710892800000,50],[1710979200000,37],[1711065600000,41],[1711152000000,59],[1711238400000,61],[1711324800000,41],[1711411200000,57],[1711497600000,61],[1711584000000,30],[1711670400000,58]]}],"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":48.25,"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-03-10","max":"2024-03-29"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<div id="htmlwidget-8e6d777890b761360a5d" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-8e6d777890b761360a5d">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1710028800000,67],[1710115200000,48],[1710201600000,46],[1710288000000,33],[1710374400000,52],[1710460800000,35],[1710547200000,27],[1710633600000,44],[1710720000000,40],[1710806400000,32],[1710892800000,36],[1710979200000,48],[1711065600000,30],[1711152000000,52],[1711238400000,50],[1711324800000,61],[1711411200000,53],[1711497600000,53],[1711584000000,61],[1711670400000,61]]}],"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.45,"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-03-10","max":"2024-03-29"},"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>
@ -115,8 +115,8 @@
<span> title_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> 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-05acf25b6dfcac914e1e" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-05acf25b6dfcac914e1e">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1710028800000,54],[1710115200000,47],[1710201600000,33],[1710288000000,33],[1710374400000,39],[1710460800000,46],[1710547200000,52],[1710633600000,48],[1710720000000,62],[1710806400000,56],[1710892800000,50],[1710979200000,37],[1711065600000,41],[1711152000000,59],[1711238400000,61],[1711324800000,41],[1711411200000,57],[1711497600000,61],[1711584000000,30],[1711670400000,58]]}],"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":48.25,"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-03-10","max":"2024-03-29"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch
<div id="htmlwidget-9ebafb8b0e3c7c5d3c7c" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-9ebafb8b0e3c7c5d3c7c">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1710028800000,67],[1710115200000,48],[1710201600000,46],[1710288000000,33],[1710374400000,52],[1710460800000,35],[1710547200000,27],[1710633600000,44],[1710720000000,40],[1710806400000,32],[1710892800000,36],[1710979200000,48],[1711065600000,30],[1711152000000,52],[1711238400000,50],[1711324800000,61],[1711411200000,53],[1711497600000,53],[1711584000000,61],[1711670400000,61]]}],"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.45,"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-03-10","max":"2024-03-29"},"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>

File diff suppressed because one or more lines are too long

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-03-09T10:52Z
last_built: 2024-03-09T11:02Z
urls:
reference: https://dreamrs.github.io/apexcharter/reference
article: https://dreamrs.github.io/apexcharter/articles