Deploying to gh-pages from @ dreamRs/apexcharter@624ab8b901 🚀
This commit is contained in:
parent
92ca06759e
commit
6308f3f858
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
|
@ -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
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue