Skip to content

Commit

Permalink
Data v2 (#169)
Browse files Browse the repository at this point in the history
* set anomaly colors and search input bg

* increase dropdown border visibility and add border radius

* adjust dimension anomaly bar

* Pass anomaly rate on hoverX if hovering anomaly rate heatmap.

* update search input border color on hover

* Update loaders.

* Upgrade ui kit.

* v3.0.0-3

* add static info for selected, queried, failed, available

* Fixes.

* Fix newValues pass to query.

* Fix name bold.

* Add anomaly sorting.

* Fix issues with filters.

- Update only on actual change.

* metric aggregation menu

* add time aggregation options

* Fix totals and labels.

* Fix issue with resetting selections.

* Fix single select dropdown.

* v3.0.0-4

* Performance fixes.

* Remove temporarily heatmap wip.

* v3.0.0-5

* set a fixed width for the table

* Fix loading on abort.

* v3.0.0-6

* v3.0.0-6-dev

* Fixes.

* v3.0.0-6-dev.1

* Remove obsolete attr.

* Deprecate composite attribute.

* Added dark theme.

* Fix numeric ticker to include annotations and anomaly labels.

* set titles and update column and table width and height

* Add annotations.

* Upgrade packages.

* v3.0.0-7

* Minor fixes.

* v3.0.0-8

* Fix area plotter.

* v3.0.0-9

* Fix missing dimension value.

* v3.0.0-9.1

* Fix placeholder value for custom dimensions (anomaly, annotations).

* Fix groupboxes.

* Fix stacked charts.

* Minor fixes.

* v3.0.0-9.2

* Fix popover.

* Minor.

* v3.0.0-10

* Fix custom columns.

* v3.0.0-10.1

* Fix color bar percentage.

* v3.0.0-10.2

* Fix percent bar.

* Fix colors and point finder.

* v3.0.0-10.3

* Fix closest area.

* Fix percentage charts.

* Fix legend ar bar.

* Add conversion for every unit.

* v3.0.0-10.4

* add group by title

* Fix units.

* v3.0.0-10.5

* increase legend label value font size

* Add context scope filter.

* Minor fix.

* Fix rendering on hovered charts.

* Fix colors selection.

* set base width for tooltip to fit content

* reduce ColorBackground border radius

* remove pointer events from description item in dropdown

* remove comments

* Minor fixes.

* v3.0.0-11

* Introduce chart drawer.

* Move chart related files in chart folder.

* Introduce weights.

* v3.0.0-12

* remove 100% width from drawer grid container

* Fix popover.

* v3.0.0-13

* Fix instances.

* Fix multiple issues and ui elements.

* v3.0.0-14

* Fix tiles.

* v3.0.0-15

* Minor fixes.

* Fix hovering rendering.

* v3.0.0-16

* Minor fixes.

* v3.0.0-17

* Fix perf.

* v3.0.0-18

* Fix gauge resize render.

* more percentage variations

* position bounds properly

* Minor fixes.

* Fix canvas resizing.

* v3.0.0-19

* Add cloud endpoints.

* v3.0.0-20

* Fix popover position.

* v3.0.0-21

* Fix time duration units.

* Add more stats.

* Fix conversion on render.

* add missing box-sizing rule and update input container height

* Remove dygraph annotations.

* Perf fixes and simplified parts of code.

* Introduce window table.

* v3.0.0-22

* Upgrade packages.

* Fix instance label.

* Minor fixes.

* Add drilldown.

* Fix arp.

* Trigger fetch.

* Fix triggering.

* Add flags for component visibility.

* Remove popover max width based on chart width.

* Bring back attribute.

* v3.0.0-23

* Fix db sts.

* Decouple data logic from chart logic.

* Remove obsolete.

* Introduce d3pie.

* Add ability to have multiple UIs for same chart.

* v3.0.0-24

* Minor fixes.

* Fix sorting to happen after dimensions indexes are set.

* Minor.

* Fix rendering multiple UIs.

* Cleanup.

* Fixed rendering.

* v3.0.0-25

* Fix hovering.

* v3.0.0-26

* Remove obsolete code.

* Fixes.

* Fix re-fetch.

* Fix play.

* Fix fetching.

* Remove obsolete logic.

* Fixed hover paused fetching.

* Minor fixes.

* v3.0.0-27

* Fix rendering.

* Add extra group_by, label, aggregation.

* Add multiple metric aggregations.

* Fix deferred mounting.

* v3.0.0-28

* Fix after-before check.

* v3.0.0-29

* Fix rendering.

* Fix multiple args.

* v3.0.0-30

* Fixes.

* v3.0.0-31

* Fix agent payload.

* fix agent url generation

* Minor.

* Allow extra group_by attributes.

* fix d3pie

* Move theme attribute to chart from chartUI.

* Add db and view units and stats.

* v3.0.0-32

* Fix missing parent.

* v3.0.1

* Fix nullify.

* v3.0.2

* Fix layout - jumping "more dimensions".

* Fix null values on arp.

* Add fallbacks.

* Fix instance selection.

* v3.0.3

* Clear renderer.

* Add intl.

* v3.0.4

* v3.0.5

* Fix group by dropdown.

* Fix labels.

* v3.0.6

* Fix pause.

* v3.0.7

* Fix initial attributes calculation.

* Fix missing valueRange.

* Fix valueRange for every library.

* Minor fixes.

* Minor fixes.

* Fix tile sizing.

* v3.0.8

* Fix sizes.

* v3.0.9

* Minor fixes.

* Fix value range.

* Decrease points on bar charts.

* Fix conversion of ms.

* v3.0.10

* Fix overlays.

* v3.0.11

* Fix stacked value range.

* Fix fetch on different points.

* Fix draw overlays missing.

* Minor fixes.

* Minor fixes.

* v3.0.12

* Fix null value range.

* Fix missing firstEntry.

* v3.0.13

* Minor fix.

* v3.0.14

* Fix negative digits on dygraph.

* v3.0.15

* Minor fixes.

* v3.0.16

* Fix default rest attrs.

* v3.0.17

* v3.0.18

* Multiple fixes.

* v3.0.19

* v3.0.20

* v3.0.21

* v3.0.22

* v3.0.23

* Fix multiple aggregations.

* v3.0.24

* Fix value ranges.

* v3.0.25

* v3.0.26

* Fix groupBoxes.

* v3.0.27

* v3.0.28

* v3.0.29

* v3.0.30

* Remove statics.

* v3.0.31

* Introduce bar chart.

* Fix gauge.

* v3.0.32

* Fix single select options with description in tooltip.

* v3.0.33

* Fix rendering performance.

* v3.0.34

* v3.0.35

* v3.0.36

* v3.0.37

* v3.0.38

---------

Co-authored-by: Panos Christophides <panos@netdata.cloud>
Co-authored-by: Costa Tsaousis <costa@netdata.cloud>
  • Loading branch information
3 people authored May 8, 2023
1 parent 8e4a092 commit cde1d68
Show file tree
Hide file tree
Showing 260 changed files with 13,632 additions and 6,027 deletions.
15 changes: 6 additions & 9 deletions .storybook/main.js
Original file line number Diff line number Diff line change
@@ -1,15 +1,12 @@
const webpackConfig = require("../webpack.config.js");
const webpackConfig = require("../webpack.config.js")

module.exports = {
stories: ["../src/**/*.stories.js"],
addons: ["@storybook/addon-controls"],
webpackFinal: async config => {
return { ...config,
module: { ...config.module,
rules: webpackConfig.module.rules
}
};
return { ...config, module: { ...config.module, rules: webpackConfig.module.rules } }
},
core: {
builder: "webpack5"
}
};
builder: "webpack5",
},
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
357 changes: 357 additions & 0 deletions fixtures/compositeRequests.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,357 @@
export default {
api: 2,
versions: { contexts_hard_hash: 8458, contexts_soft_hash: 763278 },
summary: {
nodes: [
{
ni: 0,
mg: "b134f904-ddaf-11ec-a85b-dca632bea0cc",
nd: "02232679-5418-4227-8d60-c8713c71b3a9",
nm: "rpi4b-3",
is: { sl: 1, qr: 1 },
ds: { sl: 1, qr: 1 },
sts: { avg: 0.7791431, arp: 10.1009025, con: 50.1743504 },
},
{
ni: 1,
mg: "daff51f8-ddaf-11ec-80c5-dca632bea090",
nd: "fa3217e1-2e7d-4b39-9619-c95c94cba8f7",
nm: "rpi4b-4",
is: { sl: 1, qr: 1 },
ds: { sl: 1, qr: 1 },
sts: { avg: 0.7737283, arp: 10.6249502, con: 49.8256496 },
},
],
contexts: [
{
id: "nginx.requests",
is: { sl: 2, ex: 2, qr: 2 },
ds: { sl: 2, qr: 2 },
sts: { avg: 0.7764357, arp: 10.3629263, con: 100 },
},
],
instances: [
{
id: "nginx_local.requests",
ni: 0,
ds: { sl: 1, qr: 1 },
sts: { avg: 0.7791431, arp: 10.1009025, con: 50.1743504 },
},
{
id: "nginx_local.requests",
ni: 1,
ds: { sl: 1, qr: 1 },
sts: { avg: 0.7737283, arp: 10.6249502, con: 49.8256496 },
},
],
dimensions: [
{
id: "requests",
nm: "requests",
ds: { sl: 2, qr: 2 },
sts: { avg: 0.7764357, arp: 10.3629263, con: 100 },
},
],
labels: [
{
id: "_collect_plugin",
ds: { sl: 2, qr: 2 },
sts: { avg: 0.7764357, arp: 10.3629263, con: 100 },
vl: [
{ id: "go.d", ds: { sl: 2, qr: 2 }, sts: { avg: 0.7764357, arp: 10.3629263, con: 100 } },
],
},
{
id: "_collect_module",
ds: { sl: 2, qr: 2 },
sts: { avg: 0.7764357, arp: 10.3629263, con: 100 },
vl: [
{ id: "nginx", ds: { sl: 2, qr: 2 }, sts: { avg: 0.7764357, arp: 10.3629263, con: 100 } },
],
},
{
id: "_collect_job",
ds: { sl: 2, qr: 2 },
sts: { avg: 0.7764357, arp: 10.3629263, con: 100 },
vl: [
{ id: "local", ds: { sl: 2, qr: 2 }, sts: { avg: 0.7764357, arp: 10.3629263, con: 100 } },
],
},
],
alerts: [],
},
totals: {
nodes: { sl: 2, qr: 2 },
contexts: { sl: 1, qr: 1 },
instances: { sl: 2, qr: 2 },
dimensions: { sl: 1, qr: 1 },
label_keys: { sl: 3, qr: 3 },
label_key_values: { sl: 3, qr: 3 },
},
functions: [],
db: {
tiers: 3,
update_every: 1,
first_entry: 1672254000,
last_entry: 1678796549,
per_tier: [
{
tier: 0,
queries: 0,
points: 0,
update_every: 1,
first_entry: 1678414220,
last_entry: 1678796549,
},
{
tier: 1,
queries: 0,
points: 0,
update_every: 60,
first_entry: 1677283500,
last_entry: 1678796520,
},
{
tier: 2,
queries: 2,
points: 4519,
update_every: 3600,
first_entry: 1672254000,
last_entry: 1678795200,
},
],
},
result: {
labels: ["time", "requests"],
point: { value: 0, ar: 1, pa: 2 },
data: [
[1674319776000, [100000000.0000005, 0.0555556, 0]],
[1674343350000, [100000000.0000005, 0, 0]],
[1674366924000, [100000000.0000005, 0, 0]],
[1674390498000, [100000000.0000005, 0, 0]],
[1674414072000, [null, 0, 1]],
[1674437646000, [100000000.0000005, 100, 0]],
[1674461220000, [100000000.0000005, 0, 0]],
[1674484794000, [500000000, 0, 1]],
[1674508368000, [100000000.0000006, 0.0277778, 0]],
[1674531942000, [100000000.0000005, 0, 0]],
[1674555516000, [100000000.0003586, 0.0416667, 0]],
[1674579090000, [100000000.0000006, 100, 0]],
[1674602664000, [90000000.9999997, 0, 0]],
[1674626238000, [500000000, 0, 1]],
[1674649812000, [100000000.000001, 100, 0]],
[1674673386000, [100000000.0000008, 0, 0]],
[1674696960000, [100000000.0000005, 0.1388889, 4]],
[1674720534000, [100000000.0000004, 0, 4]],
[1674744108000, [100000000.0000003, 100, 0]],
[1674767682000, [90000000.9999997, 100, 0]],
[1674791256000, [100000000.0000006, 100, 0]],
[1674814830000, [100000000.0008238, 100, 0]],
[1674838404000, [100000000.0000005, 100, 0]],
[1674861978000, [100000000.0000005, 100, 0]],
[1674885552000, [100000000.0005065, 100, 0]],
[1674909126000, [100000000.0000006, 100, 0]],
[1674932700000, [100000000.0000005, 100, 0]],
[1674956274000, [100000000.0000005, 100, 0]],
[1674979848000, [100000000.0000004, 100, 0]],
[1675003422000, [100000000.0000005, 100, 0]],
[1675026996000, [100000000.0000005, 0.0694444, 0]],
[1675050570000, [100000000.0000005, 0.0277778, 0]],
[1675074144000, [100000000.0000005, 0.1666667, 0]],
[1675097718000, [100000000.0000005, 0.0833333, 0]],
[1675121292000, [90000000.9999997, 0, 0]],
[1675144866000, [100000000.0000005, 0.0555556, 0]],
[1675168440000, [100000000.0000005, 0.2916667, 0]],
[1675192014000, [100000000.0000006, 0, 0]],
[1675215588000, [100000000.0000005, 0.0138889, 0]],
[1675239162000, [100000000.0010024, 0, 0]],
[1675262736000, [100000000.0000003, 2.1338791, 0]],
[1675286310000, [100000000.0000005, 0.0555556, 0]],
[1675309884000, [100000000.0000005, 0, 0]],
[1675333458000, [100000000.0010221, 0, 0]],
[1675357032000, [100000000.0000012, 100, 0]],
[1675380606000, [100000000.0000005, 100, 0]],
[1675404180000, [100000000.0016059, 100, 0]],
[1675427754000, [100000000.0000006, 100, 0]],
[1675451328000, [100000000.0000006, 11.3071617, 0]],
[1675474902000, [100000000.0000004, 0, 0]],
[1675498476000, [100000000.0009429, 0, 0]],
[1675522050000, [90000000.9999995, 0.2083333, 0]],
[1675545624000, [100000000.0000013, 0, 0]],
[1675569198000, [100000000.0000005, 0.3055556, 0]],
[1675592772000, [100000000.0000004, 0, 0]],
[1675616346000, [100000000.0000006, 0, 4]],
[1675639920000, [500000000, 0, 1]],
[1675663494000, [100000000.0000005, 100, 4]],
[1675687068000, [100000000.0000005, 0, 4]],
[1675710642000, [100000000.0000003, 0, 4]],
[1675734216000, [100000000.0000005, 0, 0]],
[1675757790000, [100000000.0007921, 0, 4]],
[1675781364000, [500000000, 0, 1]],
[1675804938000, [100000000.0000005, 0, 0]],
[1675828512000, [100000000.0000005, 0, 4]],
[1675852086000, [500000000, 0, 1]],
[1675875660000, [100000000.0000013, 0.0555556, 4]],
[1675899234000, [100000000.0000005, 0.1111111, 4]],
[1675922808000, [100000000.0004784, 0, 4]],
[1675946382000, [100000000.0000005, 0.2222222, 4]],
[1675969956000, [100000000.0000001, 0.6890612, 0]],
[1675993530000, [100000000.0000005, 0, 4]],
[1676017104000, [100000000.0000007, 0, 4]],
[1676040678000, [100000000.0000006, 0, 0]],
[1676064252000, [90000000.9999589, 0, 0]],
[1676087826000, [500000000, 0, 1]],
[1676111400000, [100000000.0000003, 0, 4]],
[1676134974000, [100000000.0000779, 0, 4]],
[1676158548000, [100000000.0000005, 0.0555556, 4]],
[1676182122000, [90000000.9999995, 0, 0]],
[1676205696000, [100000000.0000005, 0.0555556, 0]],
[1676229270000, [100000000.0000004, 0, 0]],
[1676252844000, [100000000.0000005, 0.1111111, 0]],
[1676276418000, [100000000.000442, 0, 0]],
[1676299992000, [100000000.0000006, 0.0694444, 0]],
[1676323566000, [100000000.0000005, 0, 0]],
[1676347140000, [100000000.0000004, 0, 0]],
[1676370714000, [500000000, 0, 1]],
[1676394288000, [100000000.0000005, 0.0277778, 0]],
[1676417862000, [100000000.0000005, 0.3611111, 0]],
[1676441436000, [100000000.0008424, 0.125, 0]],
[1676465010000, [100000000.0000005, 0, 0]],
[1676488584000, [100000000.0000005, 0.0555556, 0]],
[1676512158000, [100000000.0000005, 0, 0]],
[1676535732000, [100000000.0007198, 0, 0]],
[1676559306000, [100000000.0000004, 0.0694444, 0]],
[1676582880000, [100000000.0000005, 0, 0]],
[1676606454000, [100000000.0000005, 0, 0]],
[1676630028000, [500000000, 0, 1]],
[1676653602000, [100000000.0000002, 0.1805556, 0]],
[1676677176000, [100000000.0000006, 0, 0]],
[1676700750000, [100000000.0000005, 0, 4]],
[1676724324000, [500000000, 0, 1]],
[1676747898000, [100000000.0000005, 0, 0]],
[1676771472000, [100000000.0000005, 0, 0]],
[1676795046000, [100000000.0000005, 0.0277778, 0]],
[1676818620000, [100000000.0000005, 0, 0]],
[1676842194000, [100000000.0000005, 0, 0]],
[1676865768000, [100000000.0000005, 0, 0]],
[1676889342000, [100000000.0000005, 0, 0]],
[1676912916000, [500000000, 0, 1]],
[1676936490000, [100000000.0000004, 0, 4]],
[1676960064000, [100000000.0000003, 0, 4]],
[1676983638000, [500000000, 0, 1]],
[1677007212000, [500000000, 0, 1]],
[1677030786000, [100000000.0000004, 0, 0]],
[1677054360000, [100000000.0057113, 0, 0]],
[1677077934000, [100000000.0000005, 0, 4]],
[1677101508000, [100000000.0000006, 0, 4]],
[1677125082000, [100000000.0000569, 0.3919373, 4]],
[1677148656000, [500000000, 0, 1]],
[1677172230000, [500000000, 0, 1]],
[1677195804000, [100000000.0000008, 0.0310366, 4]],
[1677219378000, [100000000.0005591, 0, 4]],
[1677242952000, [500000000, 0, 1]],
[1677266526000, [500000000, 0, 1]],
[1677290100000, [100000000.0000005, 0.1388889, 4]],
[1677313674000, [100000000.0000003, 0, 4]],
[1677337248000, [100000000.0000005, 0, 4]],
[1677360822000, [100000000.0000012, 0, 0]],
[1677384396000, [100000000.0000688, 0.2933245, 0]],
[1677407970000, [100000000.0000006, 0.0972222, 0]],
[1677431544000, [100000000.0000005, 0, 0]],
[1677455118000, [100000000.0000005, 0, 0]],
[1677478692000, [100000000.0008379, 0, 0]],
[1677502266000, [100000000.0000005, 0, 0]],
[1677525840000, [100000000.0000005, 0, 0]],
[1677549414000, [100000000.0000003, 0, 0]],
[1677572988000, [100000000.0009053, 0, 0]],
[1677596562000, [500000000, 0, 1]],
[1677620136000, [500000000, 0, 1]],
[1677643710000, [500000000, 0, 1]],
[1677667284000, [500000000, 0, 1]],
[1677690858000, [500000000, 0, 1]],
[1677714432000, [100000000.0000005, 0, 0]],
[1677738006000, [100000000.0000996, 0, 0]],
[1677761580000, [100000000.0000006, 0, 0]],
[1677785154000, [500000000, 0, 1]],
[1677808728000, [100000000.0000005, 0, 0]],
[1677832302000, [100000000.0003192, 0, 0]],
[1677855876000, [100000000.0000005, 0, 4]],
[1677879450000, [100000000.0000004, 0.1666667, 0]],
[1677903024000, [100000000.000094, 0.2793725, 0]],
[1677926598000, [100000000.0000005, 0, 0]],
[1677950172000, [100000000.0000005, 0.0555556, 0]],
[1677973746000, [100000000.0000005, 0.1666667, 0]],
[1677997320000, [100000000.0000005, 0, 0]],
[1678020894000, [100000000.0000005, 0, 0]],
[1678044468000, [100000000.0000005, 0, 0]],
[1678068042000, [100000000.0000004, 0, 0]],
[1678091616000, [500000000, 0, 1]],
[1678115190000, [100000000.0000004, 0, 0]],
[1678138764000, [100000000.0000005, 0.0833333, 0]],
[1678162338000, [100000000.0000005, 0.0416667, 0]],
[1678185912000, [90000000.9999999, 0.0694908, 0]],
[1678209486000, [100000000.0000005, 0.1527778, 0]],
[1678233060000, [100000000.0000005, 0, 0]],
[1678256634000, [100000000.0017043, 0, 0]],
[1678280208000, [100000000.0000005, 0, 0]],
[1678303782000, [500000000, 0, 1]],
[1678327356000, [100000000.0000003, 0, 4]],
[1678350930000, [100000000.0011163, 0, 4]],
[1678374504000, [100000000.0000005, 0, 0]],
[1678398078000, [100000000.0000005, 0, 0]],
[1678421652000, [100000000.0000005, 0, 0]],
[1678445226000, [100000000.0016075, 0, 0]],
[1678468800000, [500000000, 0, 1]],
[1678492374000, [500000000, 0, 1]],
[1678515948000, [100000000.0012708, 0.0138889, 0]],
[1678539522000, [100000000.0000005, 0.0138889, 0]],
[1678563096000, [100000000.0000005, 0.0138889, 0]],
[1678586670000, [100000000.0000005, 0.0277778, 0]],
[1678610244000, [100000000.0000005, 0, 0]],
[1678633818000, [100000000.0000004, 0.1527778, 0]],
[1678657392000, [100000000.0000005, 0, 0]],
[1678680966000, [100000000.0000004, 0, 0]],
[1678704540000, [100000000.0000005, 0.0138889, 0]],
[1678728114000, [100000000.0000005, 0.0416667, 0]],
[1678751688000, [100000000.0000005, 0.0833333, 0]],
[1678775262000, [100000000.0003402, 0, 0]],
],
},
view: {
title: "Client Requests",
format: "json2",
options: ["nonzero", "flip", "jsonwrap", "ms", "jw-anomaly-rates", "virtual-points", "minify"],
time_group: "average",
update_every: 23574,
after: 1674296203,
before: 1678775262,
partial_data_trimming: {
max_update_every: 1,
expected_after: 1678775262,
trimmed_after: 1678775262,
},
points: 190,
units: "requests/s",
chart_type: "line",
dimensions: {
grouped_by: ["dimension"],
ids: ["requests"],
names: ["requests"],
units: ["requests/s"],
priorities: [0],
aggregated: [2],
view_average_values: [1.0001545],
view_latest_values: [1.0003402],
count: 1,
},
min: 90000000.9999589,
max: 100000000.0057113,
},
timings: {
prep_ms: 0.576,
query_ms: 1.125,
group_by_ms: 0.001,
output_ms: 0.112,
total_ms: 1.814,
},
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
2 changes: 1 addition & 1 deletion jsconfig.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"exclude": ["node_modules", "./src/fixtures/*"],
"exclude": ["node_modules", "./fixtures/*"],
"compilerOptions": {
"baseUrl": ".",
"paths": {
Expand Down
Loading

0 comments on commit cde1d68

Please sign in to comment.