diff --git a/README.md b/README.md index 14e1edb..28702aa 100644 --- a/README.md +++ b/README.md @@ -94,7 +94,7 @@ Then, color mapping for status' values should be defined in __Discrete__ color m ![Color mapping](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping.png) -Use can use presets to define a trafic light colors or 8 colors from solarized palette: +Use can use presets to define a trafic light colors or 8 colors from [solarized](https://ethanschoonover.com/solarized/) palette: ![Color mapping empty](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-preset-01.png) @@ -106,6 +106,8 @@ _Note: __Spectrum__ and __Opacity__ color modes function the same way they do in ### More options +#### Bucket + ![Bucket options](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/options-bucket.png) __Multiple values__ checkbox specifies how they should be displayed: @@ -125,6 +127,15 @@ __Rounding__ may be used to round edges. ![Min width, spacing, rounding 2](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-02.png) +#### Display + +![Display options](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/options-display.png) + +__Show legend__ checkbox toggles legend at the bottom of the panel. + +__Show tooltip__ toggles tooltip display on mouse over buckets. + +__Y axis sort__ can be used to sort labels on Y axis. Metrics — sort y labels as they are defined on Metrics tab. a→z and z→a sort labels descending or ascending in a [natural](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare) order. ## Development diff --git a/dist/README.md b/dist/README.md index 14e1edb..28702aa 100644 --- a/dist/README.md +++ b/dist/README.md @@ -94,7 +94,7 @@ Then, color mapping for status' values should be defined in __Discrete__ color m ![Color mapping](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping.png) -Use can use presets to define a trafic light colors or 8 colors from solarized palette: +Use can use presets to define a trafic light colors or 8 colors from [solarized](https://ethanschoonover.com/solarized/) palette: ![Color mapping empty](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-preset-01.png) @@ -106,6 +106,8 @@ _Note: __Spectrum__ and __Opacity__ color modes function the same way they do in ### More options +#### Bucket + ![Bucket options](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/options-bucket.png) __Multiple values__ checkbox specifies how they should be displayed: @@ -125,6 +127,15 @@ __Rounding__ may be used to round edges. ![Min width, spacing, rounding 2](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-02.png) +#### Display + +![Display options](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/options-display.png) + +__Show legend__ checkbox toggles legend at the bottom of the panel. + +__Show tooltip__ toggles tooltip display on mouse over buckets. + +__Y axis sort__ can be used to sort labels on Y axis. Metrics — sort y labels as they are defined on Metrics tab. a→z and z→a sort labels descending or ascending in a [natural](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare) order. ## Development diff --git a/dist/img/options-display.png b/dist/img/options-display.png new file mode 100644 index 0000000..c0599a6 Binary files /dev/null and b/dist/img/options-display.png differ diff --git a/src/img/options-display.png b/src/img/options-display.png new file mode 100644 index 0000000..c0599a6 Binary files /dev/null and b/src/img/options-display.png differ