mirror of
https://github.com/plausible/analytics.git
synced 2024-12-20 16:11:49 +03:00
f576fa2a2c
* Add details=True to export API parameters
This makes the ZIP export add `%{"details" => "True"}` to the query's
`params` when fetching data internally for packaging in the ZIP.
This adds bounce_rate and time_on_page to the data in pages.csv, and
bounce_rate and visit_duration to sources.csv.
* Make API return data with consistent names
Some of the data types returned via the JSON or CSV API use inconsistent
naming, and some have redundant name changes (i.e. count -> visitors ->
count). This makes these all consistent and removes the redundancy.
This addresses #1426, fixes some of the CSV headers, and unifies the
JSON and CSV return data labels.
* Update changelog
* Test should use Timex.shift, not relative time
* Return full country names in CSV export
This also replaces the " character with ' in two country names, as those
are the characters used in the names, yielding a more predictable and
'correct' output.
* Fetch CSV exported data concurrently
* Use spinner to indicate when export has started
* Use 300 as default number of brekadown entries for export
Higher numbers (e.g. 1000) seem to cause clickhouse errors when there
many pages to request. It is unclear what is causing the error, as
clickhouse returns an "unknown" error code and an empty error message.
30 lines
630 B
JavaScript
30 lines
630 B
JavaScript
import React from 'react';
|
|
|
|
function barWidth(count, all, plot) {
|
|
let maxVal = all[0][plot];
|
|
|
|
for (const val of all) {
|
|
if (val > maxVal) maxVal = val[plot]
|
|
}
|
|
|
|
return count / maxVal * 100
|
|
}
|
|
|
|
export default function Bar({count, all, bg, maxWidthDeduction, children, plot = "visitors"}) {
|
|
const width = barWidth(count, all, plot)
|
|
|
|
return (
|
|
<div
|
|
className="w-full relative"
|
|
style={{maxWidth: `calc(100% - ${maxWidthDeduction})`}}
|
|
>
|
|
<div
|
|
className={`absolute top-0 left-0 h-full ${bg || ''}`}
|
|
style={{width: `${width}%`}}
|
|
>
|
|
</div>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|