IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

TimeSeries: Reduce tick size from 10 to 4 (#35632)

Browse Source
This commit is contained in:
Torkel Ödegaard
2021-06-16 00:08:39 +02:00
committed by GitHub
parent 60f5865ee2
commit b3fcad947b
4 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap
View File

@@ -21,6 +21,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -45,6 +46,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },

1
packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts
View File

@@ -77,6 +77,7 @@ export class UPlotAxisBuilder extends PlotConfigBuilder<AxisProps, Axis> {
show: ticks, show: ticks,
stroke: gridColor, stroke: gridColor,
width: 1 / devicePixelRatio, width: 1 / devicePixelRatio,
size: 4,
}, },
splits, splits,
values: values, values: values,

1
packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
View File

@@ -348,6 +348,7 @@ describe('UPlotConfigBuilder', () => {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },

16
public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
View File

@@ -21,6 +21,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -45,6 +46,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -143,6 +145,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -167,6 +170,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -265,6 +269,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -289,6 +294,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -387,6 +393,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -411,6 +418,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -509,6 +517,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -533,6 +542,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -631,6 +641,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -655,6 +666,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -753,6 +765,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -777,6 +790,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -875,6 +889,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": false, "show": false,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },
@@ -899,6 +914,7 @@ Object {
"stroke": "rgb(204, 204, 220)", "stroke": "rgb(204, 204, 220)",
"ticks": Object { "ticks": Object {
"show": true, "show": true,
"size": 4,
"stroke": "rgba(240, 250, 255, 0.09)", "stroke": "rgba(240, 250, 255, 0.09)",
"width": 1, "width": 1,
}, },