2023-10-02 12:19:54 +03:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "generator" content = "ExDoc v0.30.3" >
< meta name = "project" content = "Plausible v0.0.1" >
2023-11-02 15:19:14 +03:00
< title > PlausibleWeb.Live.Components.Visitors — Plausible v0.0.1< / title >
2023-10-02 12:19:54 +03:00
< link rel = "stylesheet" href = "dist/html-elixir-P5GXSCHE.css" / >
< script src = "dist/handlebars.runtime-NWIB6V2M.js" > < / script >
< script src = "dist/handlebars.templates-NBND3S2D.js" > < / script >
2023-12-07 15:05:47 +03:00
< script src = "dist/sidebar_items-1AED098E.js" > < / script >
2023-10-02 12:19:54 +03:00
< script src = "docs_config.js" > < / script >
< script async src = "dist/html-CGDDOCMI.js" > < / script >
< / head >
< body data-type = "modules" class = "page-module" >
< script >
try {
var settings = JSON.parse(localStorage.getItem('ex_doc:settings') || '{}');
if (settings.theme === 'dark' ||
((settings.theme === 'system' || settings.theme == null) & &
window.matchMedia('(prefers-color-scheme: dark)').matches)
) {
document.body.classList.add('dark')
}
} catch (error) { }
< / script >
< div class = "main" >
< button class = "sidebar-button sidebar-toggle" aria-label = "toggle sidebar" >
< i class = "ri-menu-line ri-lg" title = "Collapse/expand sidebar" > < / i >
< / button >
< section class = "sidebar" >
< form class = "sidebar-search" action = "search.html" >
< button type = "submit" class = "search-button" aria-label = "Submit Search" >
< i class = "ri-search-2-line" aria-hidden = "true" title = "Submit search" > < / i >
< / button >
< button type = "button" tabindex = "-1" class = "search-close-button" aria-label = "Cancel Search" >
< i class = "ri-close-line ri-lg" aria-hidden = "true" title = "Cancel search" > < / i >
< / button >
< label class = "search-label" >
< p class = "sr-only" > Search< / p >
< input name = "q" type = "text" class = "search-input" placeholder = "Search..." aria-label = "Input your search terms" autocomplete = "off" autocorrect = "off" autocapitalize = "off" spellcheck = "false" / >
< / label >
< / form >
< div class = "autocomplete" >
< div class = "autocomplete-results" >
< / div >
< / div >
< div class = "sidebar-header" >
< a href = "readme.html" >
< img src = "assets/logo.png" alt = "Plausible" class = "sidebar-projectImage" >
< / a >
< div class = "sidebar-projectDetails" >
< a href = "readme.html" class = "sidebar-projectName" translate = "no" >
Plausible
< / a >
< div class = "sidebar-projectVersion" translate = "no" >
v0.0.1
< / div >
< / div >
< ul class = "sidebar-listNav" >
< li > < a id = "extras-list-link" href = "#full-list" > Pages< / a > < / li >
< li > < a id = "modules-list-link" href = "#full-list" > Modules< / a > < / li >
< li > < a id = "tasks-list-link" href = "#full-list" > < span translate = "no" > Mix< / span > Tasks< / a > < / li >
< / ul >
< / div >
< div class = "gradient" > < / div >
< ul id = "full-list" > < / ul >
< / section >
< section class = "content" >
< output role = "status" id = "toast" > < / output >
< div class = "content-outer" >
< div id = "content" class = "content-inner" >
< h1 >
< button class = "icon-action display-settings" >
< i class = "ri-settings-3-line" > < / i >
< span class = "sr-only" > Settings< / span >
< / button >
2023-11-02 15:19:14 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/visitors.ex#L1" title = "View Source" class = "icon-action" rel = "help" >
2023-10-02 12:19:54 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
2023-11-02 15:19:14 +03:00
< span translate = "no" > PlausibleWeb.Live.Components.Visitors< / span >
2023-10-02 12:19:54 +03:00
< small class = "app-vsn" translate = "no" > (Plausible v0.0.1)< / small >
< / h1 >
< section id = "moduledoc" >
2023-11-02 15:19:14 +03:00
< p > Component rendering mini-graph of site's visitors over the last 24 hours.< / p > < p > The < code class = "inline" > gradient_defs< / code > component should be rendered once before using < code class = "inline" > chart< / code >
one or more times.< / p > < p > Accepts input generated via < a href = "Plausible.Stats.Clickhouse.html#last_24h_visitors_hourly_intervals/2" > < code class = "inline" > Plausible.Stats.Clickhouse.last_24h_visitors_hourly_intervals/2< / code > < / a > .< / p >
2023-10-02 12:19:54 +03:00
< / section >
< section id = "summary" class = "details-list" >
< h1 class = "section-heading" >
< a class = "hover-link" href = "#summary" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
Summary
< / a >
< / h1 >
< div class = "summary-functions summary" >
< h2 >
< a href = "#functions" > Functions< / a >
< / h2 >
< div class = "summary-row" >
< div class = "summary-signature" >
2023-11-02 15:19:14 +03:00
< a href = "#chart/1" translate = "no" > chart(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > intervals< / code > (< code class = "inline" > :list< / code > ) (required)< / li > < li > < code class = "inline" > height< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 50< / code > .< / li > < li > < code class = "inline" > tick< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 20< / code > .< / li > < / ul > < / div >
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#gradient_defs/1" translate = "no" > gradient_defs(assigns)< / a >
2023-10-02 12:19:54 +03:00
< / div >
< / div >
< / div >
< / section >
< section id = "functions" class = "details-list" >
< h1 class = "section-heading" >
< a class = "hover-link" href = "#functions" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
Functions
< / a >
< / h1 >
< div class = "functions-list" >
2023-11-02 15:19:14 +03:00
< section class = "detail" id = "chart/1" >
2023-10-02 12:19:54 +03:00
< div class = "detail-header" >
2023-11-02 15:19:14 +03:00
< a href = "#chart/1" class = "detail-link" title = "Link to this function" >
2023-10-02 12:19:54 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
2023-11-02 15:19:14 +03:00
< h1 class = "signature" translate = "no" > chart(assigns)< / h1 >
2023-10-02 12:19:54 +03:00
2023-11-02 15:19:14 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/visitors.ex#L1" class = "icon-action" rel = "help" title = "View Source" >
2023-10-02 12:19:54 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
2023-11-02 15:19:14 +03:00
< h2 id = "chart/1-attributes" class = "section-heading" >
< a href = "#chart/1-attributes" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
Attributes
< / a >
< / h2 >
< ul > < li > < code class = "inline" > intervals< / code > (< code class = "inline" > :list< / code > ) (required)< / li > < li > < code class = "inline" > height< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 50< / code > .< / li > < li > < code class = "inline" > tick< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 20< / code > .< / li > < / ul >
< / section >
< / section >
< section class = "detail" id = "gradient_defs/1" >
< div class = "detail-header" >
< a href = "#gradient_defs/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > gradient_defs(assigns)< / h1 >
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/visitors.ex#L60" class = "icon-action" rel = "help" title = "View Source" >
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
2023-10-02 12:19:54 +03:00
2023-11-02 15:19:14 +03:00
< / div >
< section class = "docstring" >
2023-10-02 12:19:54 +03:00
< / section >
< / section >
< / div >
< / section >
< footer class = "footer" >
< p >
< span class = "line" >
< button class = "a-main footer-button display-quick-switch" title = "Search HexDocs packages" >
Search HexDocs
< / button >
< a href = "Plausible.epub" title = "ePub version" >
Download ePub version
< / a >
< / span >
< / p >
< p class = "built-using" >
Built using
< a href = "https://github.com/elixir-lang/ex_doc" title = "ExDoc" target = "_blank" rel = "help noopener" translate = "no" > ExDoc< / a > (v0.30.3) for the
< a href = "https://elixir-lang.org" title = "Elixir" target = "_blank" translate = "no" > Elixir programming language< / a >
< / p >
< / footer >
< / div >
< / div >
< / section >
< / div >
< script src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js" > < / script >
< script > mermaid . initialize ( { startOnLoad : true } ) < / script >
< / body >
< / html >
