├── .gitignore
├── .travis.yml
├── Gruntfile.js
├── LICENSE
├── README.md
├── dashboards
├── chronix-grafana-csv-file-example.json
└── chronix-grafana-default-dashboard.json
├── dist
├── README.md
├── config-controller.js
├── config-controller.js.map
├── datasource.js
├── datasource.js.map
├── img
│ ├── logo.png
│ └── screenshot.png
├── module.js
├── module.js.map
├── partials
│ ├── config.html
│ └── query.editor.html
├── plugin.json
├── query-controller.js
└── query-controller.js.map
├── img
├── logo.png
└── screenshot.png
├── package.json
├── plugin.json
├── src
├── config-controller.js
├── datasource.js
├── module.js
├── partials
│ ├── config.html
│ └── query.editor.html
└── query-controller.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | *.class
2 |
3 | # Mobile Tools for Java (J2ME)
4 | .mtj.tmp/
5 |
6 | # Package Files #
7 | *.jar
8 | *.war
9 | *.ear
10 |
11 | # virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
12 | hs_err_pid*
13 |
14 | .idea
15 |
16 | grafana-*
17 |
18 | node_modules
19 | npm-debug-log
20 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js: node
3 |
--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
1 | module.exports = function (grunt) {
2 |
3 | require('load-grunt-tasks')(grunt);
4 |
5 | grunt.initConfig({
6 |
7 | clean: ['dist'],
8 |
9 | copy: {
10 | srcAssets: {
11 | cwd: 'src',
12 | expand: true,
13 | src: ['**/*', '!**/*.js'],
14 | dest: 'dist'
15 | },
16 | pluginAssets: {
17 | cwd: '.',
18 | expand: true,
19 | src: ['plugin.json', 'README.md', 'img/**/*'],
20 | dest: 'dist'
21 | }
22 | },
23 |
24 | babel: {
25 | options: {
26 | sourceMap: true,
27 | presets: ['es2015'],
28 | plugins: ['transform-es2015-modules-systemjs', 'transform-es2015-for-of']
29 | },
30 | dist: {
31 | files: [{
32 | cwd: 'src',
33 | expand: true,
34 | src: ['**/*.js'],
35 | dest: 'dist',
36 | ext: '.js'
37 | }]
38 | }
39 | },
40 |
41 | watch: {
42 | src: {
43 | files: ['src/**/*.js'],
44 | tasks: ['babel'],
45 | options: {
46 | spawn: false,
47 | atBegin: true
48 | }
49 | },
50 | srcAssets: {
51 | files: ['**/*', '!**/*.js'],
52 | tasks: ['copy:srcAssets'],
53 | options: {
54 | spawn: false,
55 | atBegin: true
56 | }
57 | },
58 | pluginAssets: {
59 | files: ['plugin.json', 'README.md', 'img/**/*'],
60 | tasks: ['copy:pluginAssets'],
61 | options: {
62 | spawn: false,
63 | atBegin: true
64 | }
65 | }
66 | }
67 |
68 | });
69 |
70 | grunt.registerTask('default', ['clean', 'copy', 'babel']);
71 |
72 | grunt.registerTask('test', 'stub for tests', function () {
73 | grunt.log.ok();
74 | });
75 |
76 | };
77 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Apache License
2 | Version 2.0, January 2004
3 | http://www.apache.org/licenses/
4 |
5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6 |
7 | 1. Definitions.
8 |
9 | "License" shall mean the terms and conditions for use, reproduction,
10 | and distribution as defined by Sections 1 through 9 of this document.
11 |
12 | "Licensor" shall mean the copyright owner or entity authorized by
13 | the copyright owner that is granting the License.
14 |
15 | "Legal Entity" shall mean the union of the acting entity and all
16 | other entities that control, are controlled by, or are under common
17 | control with that entity. For the purposes of this definition,
18 | "control" means (i) the power, direct or indirect, to cause the
19 | direction or management of such entity, whether by contract or
20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the
21 | outstanding shares, or (iii) beneficial ownership of such entity.
22 |
23 | "You" (or "Your") shall mean an individual or Legal Entity
24 | exercising permissions granted by this License.
25 |
26 | "Source" form shall mean the preferred form for making modifications,
27 | including but not limited to software source code, documentation
28 | source, and configuration files.
29 |
30 | "Object" form shall mean any form resulting from mechanical
31 | transformation or translation of a Source form, including but
32 | not limited to compiled object code, generated documentation,
33 | and conversions to other media types.
34 |
35 | "Work" shall mean the work of authorship, whether in Source or
36 | Object form, made available under the License, as indicated by a
37 | copyright notice that is included in or attached to the work
38 | (an example is provided in the Appendix below).
39 |
40 | "Derivative Works" shall mean any work, whether in Source or Object
41 | form, that is based on (or derived from) the Work and for which the
42 | editorial revisions, annotations, elaborations, or other modifications
43 | represent, as a whole, an original work of authorship. For the purposes
44 | of this License, Derivative Works shall not include works that remain
45 | separable from, or merely link (or bind by name) to the interfaces of,
46 | the Work and Derivative Works thereof.
47 |
48 | "Contribution" shall mean any work of authorship, including
49 | the original version of the Work and any modifications or additions
50 | to that Work or Derivative Works thereof, that is intentionally
51 | submitted to Licensor for inclusion in the Work by the copyright owner
52 | or by an individual or Legal Entity authorized to submit on behalf of
53 | the copyright owner. For the purposes of this definition, "submitted"
54 | means any form of electronic, verbal, or written communication sent
55 | to the Licensor or its representatives, including but not limited to
56 | communication on electronic mailing lists, source code control systems,
57 | and issue tracking systems that are managed by, or on behalf of, the
58 | Licensor for the purpose of discussing and improving the Work, but
59 | excluding communication that is conspicuously marked or otherwise
60 | designated in writing by the copyright owner as "Not a Contribution."
61 |
62 | "Contributor" shall mean Licensor and any individual or Legal Entity
63 | on behalf of whom a Contribution has been received by Licensor and
64 | subsequently incorporated within the Work.
65 |
66 | 2. Grant of Copyright License. Subject to the terms and conditions of
67 | this License, each Contributor hereby grants to You a perpetual,
68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69 | copyright license to reproduce, prepare Derivative Works of,
70 | publicly display, publicly perform, sublicense, and distribute the
71 | Work and such Derivative Works in Source or Object form.
72 |
73 | 3. Grant of Patent License. Subject to the terms and conditions of
74 | this License, each Contributor hereby grants to You a perpetual,
75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76 | (except as stated in this section) patent license to make, have made,
77 | use, offer to sell, sell, import, and otherwise transfer the Work,
78 | where such license applies only to those patent claims licensable
79 | by such Contributor that are necessarily infringed by their
80 | Contribution(s) alone or by combination of their Contribution(s)
81 | with the Work to which such Contribution(s) was submitted. If You
82 | institute patent litigation against any entity (including a
83 | cross-claim or counterclaim in a lawsuit) alleging that the Work
84 | or a Contribution incorporated within the Work constitutes direct
85 | or contributory patent infringement, then any patent licenses
86 | granted to You under this License for that Work shall terminate
87 | as of the date such litigation is filed.
88 |
89 | 4. Redistribution. You may reproduce and distribute copies of the
90 | Work or Derivative Works thereof in any medium, with or without
91 | modifications, and in Source or Object form, provided that You
92 | meet the following conditions:
93 |
94 | (a) You must give any other recipients of the Work or
95 | Derivative Works a copy of this License; and
96 |
97 | (b) You must cause any modified files to carry prominent notices
98 | stating that You changed the files; and
99 |
100 | (c) You must retain, in the Source form of any Derivative Works
101 | that You distribute, all copyright, patent, trademark, and
102 | attribution notices from the Source form of the Work,
103 | excluding those notices that do not pertain to any part of
104 | the Derivative Works; and
105 |
106 | (d) If the Work includes a "NOTICE" text file as part of its
107 | distribution, then any Derivative Works that You distribute must
108 | include a readable copy of the attribution notices contained
109 | within such NOTICE file, excluding those notices that do not
110 | pertain to any part of the Derivative Works, in at least one
111 | of the following places: within a NOTICE text file distributed
112 | as part of the Derivative Works; within the Source form or
113 | documentation, if provided along with the Derivative Works; or,
114 | within a display generated by the Derivative Works, if and
115 | wherever such third-party notices normally appear. The contents
116 | of the NOTICE file are for informational purposes only and
117 | do not modify the License. You may add Your own attribution
118 | notices within Derivative Works that You distribute, alongside
119 | or as an addendum to the NOTICE text from the Work, provided
120 | that such additional attribution notices cannot be construed
121 | as modifying the License.
122 |
123 | You may add Your own copyright statement to Your modifications and
124 | may provide additional or different license terms and conditions
125 | for use, reproduction, or distribution of Your modifications, or
126 | for any such Derivative Works as a whole, provided Your use,
127 | reproduction, and distribution of the Work otherwise complies with
128 | the conditions stated in this License.
129 |
130 | 5. Submission of Contributions. Unless You explicitly state otherwise,
131 | any Contribution intentionally submitted for inclusion in the Work
132 | by You to the Licensor shall be under the terms and conditions of
133 | this License, without any additional terms or conditions.
134 | Notwithstanding the above, nothing herein shall supersede or modify
135 | the terms of any separate license agreement you may have executed
136 | with Licensor regarding such Contributions.
137 |
138 | 6. Trademarks. This License does not grant permission to use the trade
139 | names, trademarks, service marks, or product names of the Licensor,
140 | except as required for reasonable and customary use in describing the
141 | origin of the Work and reproducing the content of the NOTICE file.
142 |
143 | 7. Disclaimer of Warranty. Unless required by applicable law or
144 | agreed to in writing, Licensor provides the Work (and each
145 | Contributor provides its Contributions) on an "AS IS" BASIS,
146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 | implied, including, without limitation, any warranties or conditions
148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 | PARTICULAR PURPOSE. You are solely responsible for determining the
150 | appropriateness of using or redistributing the Work and assume any
151 | risks associated with Your exercise of permissions under this License.
152 |
153 | 8. Limitation of Liability. In no event and under no legal theory,
154 | whether in tort (including negligence), contract, or otherwise,
155 | unless required by applicable law (such as deliberate and grossly
156 | negligent acts) or agreed to in writing, shall any Contributor be
157 | liable to You for damages, including any direct, indirect, special,
158 | incidental, or consequential damages of any character arising as a
159 | result of this License or out of the use or inability to use the
160 | Work (including but not limited to damages for loss of goodwill,
161 | work stoppage, computer failure or malfunction, or any and all
162 | other commercial damages or losses), even if such Contributor
163 | has been advised of the possibility of such damages.
164 |
165 | 9. Accepting Warranty or Additional Liability. While redistributing
166 | the Work or Derivative Works thereof, You may choose to offer,
167 | and charge a fee for, acceptance of support, warranty, indemnity,
168 | or other liability obligations and/or rights consistent with this
169 | License. However, in accepting such obligations, You may act only
170 | on Your own behalf and on Your sole responsibility, not on behalf
171 | of any other Contributor, and only if You agree to indemnify,
172 | defend, and hold each Contributor harmless for any liability
173 | incurred by, or claims asserted against, such Contributor by reason
174 | of your accepting any such warranty or additional liability.
175 |
176 | END OF TERMS AND CONDITIONS
177 |
178 | APPENDIX: How to apply the Apache License to your work.
179 |
180 | To apply the Apache License to your work, attach the following
181 | boilerplate notice, with the fields enclosed by brackets "{}"
182 | replaced with your own identifying information. (Don't include
183 | the brackets!) The text should be enclosed in the appropriate
184 | comment syntax for the file format. We also recommend that a
185 | file or class name and description of purpose be included on the
186 | same "printed page" as the copyright notice for easier
187 | identification within third-party archives.
188 |
189 | Copyright {yyyy} {name of copyright owner}
190 |
191 | Licensed under the Apache License, Version 2.0 (the "License");
192 | you may not use this file except in compliance with the License.
193 | You may obtain a copy of the License at
194 |
195 | http://www.apache.org/licenses/LICENSE-2.0
196 |
197 | Unless required by applicable law or agreed to in writing, software
198 | distributed under the License is distributed on an "AS IS" BASIS,
199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 | See the License for the specific language governing permissions and
201 | limitations under the License.
202 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://gitter.im/ChronixDB/chronix.grafana?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2 | [](https://travis-ci.org/ChronixDB/chronix.grafana)
3 | [](https://dependencyci.com/github/ChronixDB/chronix.grafana)
4 | [](LICENSE)
5 |
6 | # Chronix Grafana Datasource Plugin
7 |
8 | This is a "datasource" plugin that lets you use time series from [Chronix-Server](https://github.com/ChronixDB/chronix.server)
9 | and visualize them with [Grafana](https://grafana.net/).
10 |
11 | It works with Grafana > 3.X.X.
12 |
13 | 
14 |
15 | ## Features
16 |
17 | The plugin supports all the native implemented aggregations, transformations, and analyses of Chronix-Server.
18 | We will provide more details soon ;-)
19 |
20 | ## Usage
21 |
22 | Currently, the plugin is only available at the chronix github repository. It is planned to release the plugin within
23 | the app store of grafana.
24 |
25 | To use the plugin, simply clone this repository into your Grafana installation's `{inst-dir}/data/plugins/` directory.
26 |
27 | Optionally, you can download and start from the example dashboard:
28 |
29 | 1. Download and extract the latest [chronix.server](https://github.com/ChronixDB/chronix.server/releases/latest) and start it by cd'ing into the extracted directory and running `bin/solr start`.
30 | 2. Download and extract the latest *importer.zip* from the latest [chronix.examples](https://github.com/ChronixDB/chronix.examples/releases/latest) release and run it by cd'ing into the extracted folder and running `./import`.
31 | 3. Create a datasource called *Chronix* that points to http://localhost:8983/solr/chronix (no credentials needed).
32 | 4. Import the example dashboard(s) from 'dashboards' into your running Grafana.
33 |
34 | ## Contributing
35 |
36 | Is there anything missing? Do you have ideas for new features or improvements? You are highly welcome to contribute
37 | your improvements to the Chronix projects. All you have to do is to fork this repository, improve the code and issue a
38 | pull request.
39 |
40 | ## Developing the plugin
41 |
42 | ### Basics
43 |
44 | * All actual code sources live in `src` and can be written in ES6 / ES2015 - this allows us to use proper imports,
45 | exports and all the other syntactic goodies.
46 | * The `dist` folder is actually checked into git, too. We do this so that Grafana auto-detects the dist folder and uses
47 | it even if you just cloned the repository into Grafana (as described above).
48 | * This means that whenever you're changing something in `src`, you really should run the build at least once so that the
49 | contents of `dist` are "in sync", too, when you're committing / pushing / issuing a PR.
50 |
51 | ### Set up (only needs to be done once)
52 |
53 | Use a command prompt that provides NodeJS and NPM. In it, simply run
54 |
55 | npm install
56 |
57 | to install all (dev-) dependencies for the build.
58 |
59 | ### Changing stuff
60 |
61 | To run the build once in order to re-create the `dist` folder, run
62 |
63 | npm run build
64 |
65 | If you want the build to watch your `src` files and auto-run whenever you hit save, run
66 |
67 | npm run watch
68 |
69 | (you can end the watcher by pressing CTRL+C in that command prompt)
70 |
71 | ## Maintainer
72 |
73 | Florian Lautenschlager @flolaut
74 |
75 | ## License
76 |
77 | This software is provided under the Apache License, Version 2.0 license.
78 |
79 | See the [LICENSE](LICENSE) file for details.
80 |
--------------------------------------------------------------------------------
/dashboards/chronix-grafana-csv-file-example.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 3,
3 | "title": "Chronix-Dashboard",
4 | "tags": [],
5 | "style": "dark",
6 | "timezone": "browser",
7 | "editable": true,
8 | "hideControls": false,
9 | "sharedCrosshair": false,
10 | "rows": [
11 | {
12 | "collapse": false,
13 | "editable": true,
14 | "height": "300px",
15 | "panels": [
16 | {
17 | "aliasColors": {},
18 | "bars": false,
19 | "datasource": null,
20 | "downsampling": "avg",
21 | "editable": true,
22 | "error": false,
23 | "fill": 1,
24 | "grid": {
25 | "threshold1": null,
26 | "threshold1Color": "rgba(216, 200, 27, 0.27)",
27 | "threshold2": null,
28 | "threshold2Color": "rgba(234, 112, 112, 0.22)"
29 | },
30 | "height": "250px",
31 | "id": 1,
32 | "isNew": true,
33 | "legend": {
34 | "alignAsTable": false,
35 | "avg": true,
36 | "current": false,
37 | "max": false,
38 | "min": true,
39 | "rightSide": false,
40 | "show": true,
41 | "total": true,
42 | "values": true
43 | },
44 | "lines": true,
45 | "linewidth": 2,
46 | "links": [],
47 | "nullPointMode": "connected",
48 | "percentage": false,
49 | "pointradius": 5,
50 | "points": false,
51 | "renderer": "flot",
52 | "seriesOverrides": [],
53 | "span": 12,
54 | "stack": false,
55 | "steppedLine": false,
56 | "targets": [
57 | {
58 | "alias": "Load-One",
59 | "downsampling": "avg",
60 | "errors": {},
61 | "groupBy": {
62 | "timeInterval": "1s"
63 | },
64 | "hide": false,
65 | "horAggregator": {
66 | "factor": "1",
67 | "percentile": "0.75",
68 | "samplingRate": "1s",
69 | "unit": "millisecond"
70 | },
71 | "metric": "metric:*Load*one",
72 | "refId": "A"
73 | },
74 | {
75 | "alias": "Load-Five",
76 | "downsampling": "avg",
77 | "errors": {},
78 | "groupBy": {
79 | "timeInterval": "1s"
80 | },
81 | "horAggregator": {
82 | "factor": "1",
83 | "percentile": "0.75",
84 | "samplingRate": "1s",
85 | "unit": "millisecond"
86 | },
87 | "metric": "metric:*Load*five",
88 | "refId": "B"
89 | },
90 | {
91 | "alias": "Load-Ten",
92 | "downsampling": "avg",
93 | "errors": {},
94 | "groupBy": {
95 | "timeInterval": "1s"
96 | },
97 | "horAggregator": {
98 | "factor": "1",
99 | "percentile": "0.75",
100 | "samplingRate": "1s",
101 | "unit": "millisecond"
102 | },
103 | "metric": "metric:*Load*fifteen",
104 | "refId": "C"
105 | }
106 | ],
107 | "timeFrom": null,
108 | "timeShift": null,
109 | "title": "System CPU: One / Five / Fifteen Minutes",
110 | "tooltip": {
111 | "msResolution": true,
112 | "shared": true,
113 | "sort": 0,
114 | "value_type": "cumulative"
115 | },
116 | "transparent": false,
117 | "type": "graph",
118 | "xaxis": {
119 | "show": true
120 | },
121 | "yaxes": [
122 | {
123 | "format": "short",
124 | "label": "Load",
125 | "logBase": 1,
126 | "max": null,
127 | "min": null,
128 | "show": true
129 | },
130 | {
131 | "format": "ms",
132 | "label": "Time",
133 | "logBase": 1,
134 | "max": null,
135 | "min": null,
136 | "show": false
137 | }
138 | ]
139 | }
140 | ],
141 | "showTitle": true,
142 | "title": "System Load"
143 | },
144 | {
145 | "collapse": false,
146 | "editable": true,
147 | "height": "300px",
148 | "panels": [
149 | {
150 | "aliasColors": {},
151 | "bars": false,
152 | "datasource": null,
153 | "downsampling": "avg",
154 | "editable": true,
155 | "error": false,
156 | "fill": 1,
157 | "grid": {
158 | "threshold1": null,
159 | "threshold1Color": "rgba(216, 200, 27, 0.27)",
160 | "threshold2": null,
161 | "threshold2Color": "rgba(234, 112, 112, 0.22)"
162 | },
163 | "id": 2,
164 | "isNew": true,
165 | "legend": {
166 | "avg": false,
167 | "current": false,
168 | "max": false,
169 | "min": false,
170 | "show": true,
171 | "total": false,
172 | "values": false
173 | },
174 | "lines": true,
175 | "linewidth": 2,
176 | "links": [],
177 | "nullPointMode": "connected",
178 | "percentage": false,
179 | "pointradius": 5,
180 | "points": false,
181 | "renderer": "flot",
182 | "seriesOverrides": [],
183 | "span": 12,
184 | "stack": false,
185 | "steppedLine": false,
186 | "targets": [
187 | {
188 | "alias": "Memory",
189 | "downsampling": "avg",
190 | "errors": {},
191 | "groupBy": {
192 | "timeInterval": "1s"
193 | },
194 | "horAggregator": {
195 | "factor": "1",
196 | "percentile": "0.75",
197 | "samplingRate": "1s",
198 | "unit": "millisecond"
199 | },
200 | "metric": "metric:*Memory/HeapMemoryUsage/used",
201 | "refId": "A"
202 | },
203 | {
204 | "downsampling": "avg",
205 | "errors": {},
206 | "groupBy": {
207 | "timeInterval": "1s"
208 | },
209 | "horAggregator": {
210 | "factor": "1",
211 | "percentile": "0.75",
212 | "samplingRate": "1s",
213 | "unit": "millisecond"
214 | },
215 | "metric": "metric:*Memory/HeapMemoryUsage/init",
216 | "refId": "B"
217 | },
218 | {
219 | "downsampling": "avg",
220 | "errors": {},
221 | "groupBy": {
222 | "timeInterval": "1s"
223 | },
224 | "horAggregator": {
225 | "factor": "1",
226 | "percentile": "0.75",
227 | "samplingRate": "1s",
228 | "unit": "millisecond"
229 | },
230 | "metric": "metric:*Memory/HeapMemoryUsage/committed",
231 | "refId": "C"
232 | }
233 | ],
234 | "timeFrom": null,
235 | "timeShift": null,
236 | "title": "Heap Memory",
237 | "tooltip": {
238 | "msResolution": true,
239 | "shared": true,
240 | "sort": 0,
241 | "value_type": "cumulative"
242 | },
243 | "type": "graph",
244 | "xaxis": {
245 | "show": true
246 | },
247 | "yaxes": [
248 | {
249 | "format": "bytes",
250 | "label": null,
251 | "logBase": 1,
252 | "max": null,
253 | "min": null,
254 | "show": true
255 | },
256 | {
257 | "format": "short",
258 | "label": null,
259 | "logBase": 1,
260 | "max": null,
261 | "min": null,
262 | "show": false
263 | }
264 | ]
265 | }
266 | ],
267 | "title": "New row"
268 | },
269 | {
270 | "collapse": false,
271 | "editable": true,
272 | "height": "250px",
273 | "panels": [
274 | {
275 | "addFilterTagMode": false,
276 | "aliasColors": {},
277 | "bars": false,
278 | "datasource": null,
279 | "downsampling": "avg",
280 | "editable": true,
281 | "error": false,
282 | "fill": 1,
283 | "grid": {
284 | "threshold1": null,
285 | "threshold1Color": "rgba(216, 200, 27, 0.27)",
286 | "threshold2": null,
287 | "threshold2Color": "rgba(234, 112, 112, 0.22)"
288 | },
289 | "id": 3,
290 | "isNew": true,
291 | "legend": {
292 | "avg": false,
293 | "current": false,
294 | "max": false,
295 | "min": false,
296 | "show": true,
297 | "total": false,
298 | "values": false
299 | },
300 | "lines": true,
301 | "linewidth": 2,
302 | "links": [],
303 | "nullPointMode": "connected",
304 | "percentage": false,
305 | "pointradius": 5,
306 | "points": false,
307 | "renderer": "flot",
308 | "seriesOverrides": [],
309 | "span": 12,
310 | "stack": false,
311 | "steppedLine": false,
312 | "targets": [
313 | {
314 | "downsampling": "avg",
315 | "errors": {},
316 | "groupBy": {
317 | "timeInterval": "1s"
318 | },
319 | "horAggregator": {
320 | "factor": "1",
321 | "percentile": "0.75",
322 | "samplingRate": "1s",
323 | "unit": "millisecond"
324 | },
325 | "metric": "metric:*duration",
326 | "refId": "A",
327 | "tags": {}
328 | }
329 | ],
330 | "timeFrom": null,
331 | "timeShift": null,
332 | "title": "Garbage Colleciton",
333 | "tooltip": {
334 | "msResolution": true,
335 | "shared": true,
336 | "sort": 0,
337 | "value_type": "cumulative"
338 | },
339 | "type": "graph",
340 | "xaxis": {
341 | "show": true
342 | },
343 | "yaxes": [
344 | {
345 | "format": "ms",
346 | "label": null,
347 | "logBase": 1,
348 | "max": null,
349 | "min": null,
350 | "show": true
351 | },
352 | {
353 | "format": "short",
354 | "label": null,
355 | "logBase": 1,
356 | "max": null,
357 | "min": null,
358 | "show": true
359 | }
360 | ]
361 | }
362 | ],
363 | "title": "New row"
364 | }
365 | ],
366 | "time": {
367 | "from": "2016-03-09T22:40:09.521Z",
368 | "to": "2016-03-10T13:24:42.454Z"
369 | },
370 | "timepicker": {
371 | "refresh_intervals": [
372 | "5s",
373 | "10s",
374 | "30s",
375 | "1m",
376 | "5m",
377 | "15m",
378 | "30m",
379 | "1h",
380 | "2h",
381 | "1d"
382 | ],
383 | "time_options": [
384 | "5m",
385 | "15m",
386 | "1h",
387 | "6h",
388 | "12h",
389 | "24h",
390 | "2d",
391 | "7d",
392 | "30d"
393 | ]
394 | },
395 | "templating": {
396 | "list": []
397 | },
398 | "annotations": {
399 | "list": []
400 | },
401 | "refresh": false,
402 | "schemaVersion": 12,
403 | "version": 2,
404 | "links": [],
405 | "gnetId": null
406 | }
--------------------------------------------------------------------------------
/dashboards/chronix-grafana-default-dashboard.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 1,
3 | "title": "Chronix Grafana Default Dashboard",
4 | "tags": [],
5 | "style": "dark",
6 | "timezone": "browser",
7 | "editable": true,
8 | "hideControls": false,
9 | "sharedCrosshair": false,
10 | "rows": [
11 | {
12 | "collapse": false,
13 | "editable": true,
14 | "height": "250px",
15 | "panels": [
16 | {
17 | "aliasColors": {},
18 | "bars": false,
19 | "datasource": "Chronix",
20 | "downsampling": "avg",
21 | "editable": true,
22 | "error": false,
23 | "fill": 1,
24 | "grid": {
25 | "threshold1": null,
26 | "threshold1Color": "rgba(216, 200, 27, 0.27)",
27 | "threshold2": null,
28 | "threshold2Color": "rgba(234, 112, 112, 0.22)"
29 | },
30 | "id": 1,
31 | "isNew": true,
32 | "legend": {
33 | "avg": false,
34 | "current": false,
35 | "max": false,
36 | "min": false,
37 | "show": true,
38 | "total": false,
39 | "values": false
40 | },
41 | "lines": true,
42 | "linewidth": 2,
43 | "links": [],
44 | "nullPointMode": "connected",
45 | "percentage": false,
46 | "pointradius": 5,
47 | "points": false,
48 | "renderer": "flot",
49 | "seriesOverrides": [],
50 | "span": 12,
51 | "stack": false,
52 | "steppedLine": false,
53 | "targets": [
54 | {
55 | "downsampling": "avg",
56 | "errors": {},
57 | "horAggregator": {
58 | "factor": "1",
59 | "percentile": "0.75",
60 | "samplingRate": "1s",
61 | "unit": "millisecond"
62 | },
63 | "metric": "*Load*",
64 | "refId": "A"
65 | }
66 | ],
67 | "timeFrom": null,
68 | "timeShift": null,
69 | "title": "Chronix Grafana Default",
70 | "tooltip": {
71 | "msResolution": true,
72 | "shared": true,
73 | "sort": 0,
74 | "value_type": "cumulative"
75 | },
76 | "type": "graph",
77 | "xaxis": {
78 | "show": true
79 | },
80 | "yaxes": [
81 | {
82 | "format": "short",
83 | "label": null,
84 | "logBase": 1,
85 | "max": null,
86 | "min": null,
87 | "show": true
88 | },
89 | {
90 | "format": "short",
91 | "label": null,
92 | "logBase": 1,
93 | "max": null,
94 | "min": null,
95 | "show": true
96 | }
97 | ]
98 | }
99 | ],
100 | "title": "Row"
101 | }
102 | ],
103 | "time": {
104 | "from": "2013-08-25T13:13:51.327Z",
105 | "to": "2013-09-02T16:38:22.691Z"
106 | },
107 | "timepicker": {
108 | "refresh_intervals": [
109 | "5s",
110 | "10s",
111 | "30s",
112 | "1m",
113 | "5m",
114 | "15m",
115 | "30m",
116 | "1h",
117 | "2h",
118 | "1d"
119 | ],
120 | "time_options": [
121 | "5m",
122 | "15m",
123 | "1h",
124 | "6h",
125 | "12h",
126 | "24h",
127 | "2d",
128 | "7d",
129 | "30d"
130 | ]
131 | },
132 | "templating": {
133 | "list": []
134 | },
135 | "annotations": {
136 | "list": []
137 | },
138 | "refresh": false,
139 | "schemaVersion": 12,
140 | "version": 4,
141 | "links": [],
142 | "gnetId": null
143 | }
--------------------------------------------------------------------------------
/dist/README.md:
--------------------------------------------------------------------------------
1 | [](https://gitter.im/ChronixDB/chronix.grafana?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2 | [](https://travis-ci.org/ChronixDB/chronix.grafana)
3 | [](https://dependencyci.com/github/ChronixDB/chronix.grafana)
4 | [](LICENSE)
5 |
6 | # Chronix Grafana Datasource Plugin
7 |
8 | This is a "datasource" plugin that lets you use time series from [Chronix-Server](https://github.com/ChronixDB/chronix.server)
9 | and visualize them with [Grafana](https://grafana.net/).
10 |
11 | It works with Grafana > 3.X.X.
12 |
13 | 
14 |
15 | ## Features
16 |
17 | The plugin supports all the native implemented aggregations, transformations, and analyses of Chronix-Server.
18 | We will provide more details soon ;-)
19 |
20 | ## Usage
21 |
22 | Currently, the plugin is only available at the chronix github repository. It is planned to release the plugin within
23 | the app store of grafana.
24 |
25 | To use the plugin, simply clone this repository into your Grafana installation's `{inst-dir}/data/plugins/` directory.
26 |
27 | Optionally, you can download and start from the example dashboard:
28 |
29 | 1. Download the latest [Chronix-Server](https://github.com/ChronixDB/chronix.server/releases/download/0.3/chronix-0.3.zip)
30 | 2. Import the dashboard from 'dashboards' into your running Grafana
31 | 3. Download and execute the [csv importer](https://github.com/ChronixDB/chronix.examples/releases/download/0.3/importer.zip) after the Chronix-Server has started
32 |
33 | ## Contributing
34 |
35 | Is there anything missing? Do you have ideas for new features or improvements? You are highly welcome to contribute
36 | your improvements to the Chronix projects. All you have to do is to fork this repository, improve the code and issue a
37 | pull request.
38 |
39 | ## Developing the plugin
40 |
41 | ### Basics
42 |
43 | * All actual code sources live in `src` and can be written in ES6 / ES2015 - this allows us to use proper imports,
44 | exports and all the other syntactic goodies.
45 | * The `dist` folder is actually checked into git, too. We do this so that Grafana auto-detects the dist folder and uses
46 | it even if you just cloned the repository into Grafana (as described above).
47 | * This means that whenever you're changing something in `src`, you really should run the build at least once so that the
48 | contents of `dist` are "in sync", too, when you're committing / pushing / issuing a PR.
49 |
50 | ### Set up (only needs to be done once)
51 |
52 | Use a command prompt that provides NodeJS and NPM. In it, simply run
53 |
54 | npm install
55 |
56 | to install all (dev-) dependencies for the build.
57 |
58 | ### Changing stuff
59 |
60 | To run the build once in order to re-create the `dist` folder, run
61 |
62 | npm run build
63 |
64 | If you want the build to watch your `src` files and auto-run whenever you hit save, run
65 |
66 | npm run watch
67 |
68 | (you can end the watcher by pressing CTRL+C in that command prompt)
69 |
70 | ## Maintainer
71 |
72 | Florian Lautenschlager @flolaut
73 |
74 | ## License
75 |
76 | This software is provided under the Apache License, Version 2.0 license.
77 |
78 | See the [LICENSE](LICENSE) file for details.
79 |
--------------------------------------------------------------------------------
/dist/config-controller.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | System.register([], function (_export, _context) {
4 | "use strict";
5 |
6 | var ChronixConfigController;
7 |
8 | function _classCallCheck(instance, Constructor) {
9 | if (!(instance instanceof Constructor)) {
10 | throw new TypeError("Cannot call a class as a function");
11 | }
12 | }
13 |
14 | return {
15 | setters: [],
16 | execute: function () {
17 | _export('ChronixConfigController', ChronixConfigController = function ChronixConfigController() {
18 | _classCallCheck(this, ChronixConfigController);
19 | });
20 |
21 | _export('ChronixConfigController', ChronixConfigController);
22 |
23 | ChronixConfigController.templateUrl = 'partials/config.html';
24 | }
25 | };
26 | });
27 | //# sourceMappingURL=config-controller.js.map
28 |
--------------------------------------------------------------------------------
/dist/config-controller.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../src/config-controller.js"],"names":["ChronixConfigController","templateUrl"],"mappings":";;;;;;;;;;;;;;;;yCAAaA,uB;;;;;;AAEbA,8BAAwBC,WAAxB,GAAsC,sBAAtC","file":"config-controller.js","sourcesContent":["export class ChronixConfigController {}\r\n\r\nChronixConfigController.templateUrl = 'partials/config.html';\r\n"]}
--------------------------------------------------------------------------------
/dist/datasource.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | System.register(['lodash'], function (_export, _context) {
4 | "use strict";
5 |
6 | var _, _createClass, requiredFields, ChronixDbDatasource;
7 |
8 | function _classCallCheck(instance, Constructor) {
9 | if (!(instance instanceof Constructor)) {
10 | throw new TypeError("Cannot call a class as a function");
11 | }
12 | }
13 |
14 | function escapeTag(name) {
15 | return name.indexOf('.') !== -1 ? '"' + name + '"' : name;
16 | }
17 |
18 | function toTagQueryString(tag, tagName) {
19 | return tagName + ':(' + tag.map(escapeTag).join(' OR ') + ')';
20 | }
21 |
22 | function toTargetQueryString(target) {
23 | if (!target.tags || Object.keys(target.tags).length === 0) {
24 | // simple name-only
25 | return target.name;
26 | }
27 |
28 | // create strings for each tag
29 | var targetQueryStrings = _(target.tags).map(toTagQueryString);
30 |
31 | return '(' + target.name + ' AND ' + targetQueryStrings.join(' AND ') + ')';
32 | }
33 |
34 | function toTargetJoinString(target) {
35 | if (!target.attributes || Object.keys(target.attributes).length === 0) {
36 | return "name";
37 | }
38 | // create strings for each tag
39 | return _(target.attributes).join(',') + ",name,type";
40 | }
41 |
42 | return {
43 | setters: [function (_lodash) {
44 | _ = _lodash.default;
45 | }],
46 | execute: function () {
47 | _createClass = function () {
48 | function defineProperties(target, props) {
49 | for (var i = 0; i < props.length; i++) {
50 | var descriptor = props[i];
51 | descriptor.enumerable = descriptor.enumerable || false;
52 | descriptor.configurable = true;
53 | if ("value" in descriptor) descriptor.writable = true;
54 | Object.defineProperty(target, descriptor.key, descriptor);
55 | }
56 | }
57 |
58 | return function (Constructor, protoProps, staticProps) {
59 | if (protoProps) defineProperties(Constructor.prototype, protoProps);
60 | if (staticProps) defineProperties(Constructor, staticProps);
61 | return Constructor;
62 | };
63 | }();
64 |
65 | requiredFields = ["data", "start", "end", "_version_", "id", "name", "type"];
66 |
67 | _export('ChronixDbDatasource', ChronixDbDatasource = function () {
68 | function ChronixDbDatasource(instanceSettings, $q, backendSrv, templateSrv) {
69 | _classCallCheck(this, ChronixDbDatasource);
70 |
71 | this.type = instanceSettings.type;
72 | this.url = instanceSettings.url;
73 | this.name = instanceSettings.name;
74 | this.$q = $q;
75 | this.backendSrv = backendSrv;
76 | this.templateSrv = templateSrv;
77 | }
78 |
79 | //region Required Grafana Datasource methods
80 |
81 | _createClass(ChronixDbDatasource, [{
82 | key: 'query',
83 | value: function query(options) {
84 | // get the start and the end and multiply it with 1000 to get millis since 1970
85 | var start = options.range.from.unix() * 1000;
86 | var end = options.range.to.unix() * 1000;
87 | var targets = options.targets;
88 |
89 | return this.rawQuery(targets, start, end).then(this.extractTimeSeries);
90 | }
91 | }, {
92 | key: 'testDatasource',
93 | value: function testDatasource() {
94 | var options = {
95 | url: this.url + '/select?q=%7B!lucene%7D*%3A*&rows=0',
96 | method: 'GET'
97 | };
98 | var successMessage = {
99 | status: "success",
100 | message: "Connection to Chronix established",
101 | title: "Success"
102 | };
103 | var errorMessage = this.$q.reject({
104 | status: "error",
105 | message: "Connection to Chronix failed",
106 | title: "Error"
107 | });
108 |
109 | // perform the actual call...
110 | return this.backendSrv.datasourceRequest(options)
111 | // ... check if the response is technically successful ...
112 | .then(function (response) {
113 | return response && response.status === 200;
114 | })
115 | // ... and respond appropriately
116 | .then(function (success) {
117 | return success ? successMessage : errorMessage;
118 | })
119 | // ... and react appropriately, too, when the call somehow didn't work
120 | .catch(function (error) {
121 | return errorMessage;
122 | });
123 | }
124 | }, {
125 | key: 'findTimeSeriesByNames',
126 | value: function findTimeSeriesByNames(tsName) {
127 | var emptyResult = this.$q.when([]);
128 |
129 | if (!tsName || tsName === '*') {
130 | // no "*" accepted from the user
131 | return emptyResult;
132 | }
133 |
134 | if (tsName.indexOf('*') === -1) {
135 | // append an "*" at the end if the user didn't already provide one
136 | tsName = tsName + '*';
137 | }
138 |
139 | var options = {
140 | //do a facet query
141 | url: this.url + '/select?facet.field=name&facet=on&facet.mincount=1&q=name:' + tsName + '&rows=0&wt=json',
142 | method: 'GET'
143 | };
144 |
145 | return this.backendSrv.datasourceRequest(options).then(function (response) {
146 | return response && response.data && response.data.facet_counts && response.data.facet_counts.facet_fields && response.data.facet_counts.facet_fields.name;
147 | }).then(function (nameFields) {
148 | // somehow no valid response => empty array
149 | if (!nameFields) {
150 | console.log('could not find any matching time series for "' + tsName + '"');
151 | return emptyResult;
152 | }
153 |
154 | // take only the names, not the counts
155 | return nameFields.filter(function (unused, index) {
156 | return index % 2 === 0;
157 | })
158 | // and provide them as objects with the "text" property
159 | .map(function (text) {
160 | return { text: text };
161 | });
162 | })
163 | // if the request itself failed
164 | .catch(function (error) {
165 | return emptyResult;
166 | });
167 | }
168 | }, {
169 | key: 'rawQuery',
170 | value: function rawQuery(targets, start, end) {
171 | // create strings for each target
172 | var targetsQueryStrings = _(targets).map(toTargetQueryString);
173 |
174 | var query = 'name:(' + targetsQueryStrings.join(' OR ') + ')' + ' AND start:' + start + ' AND end:' + end;
175 |
176 | var joinquery = _(targets).map(toTargetJoinString);
177 |
178 | //At this point we have to query chronix
179 | var RAW_QUERY_BASE = '/select?fl=dataAsJson&wt=json';
180 | var RAW_QUERY_JOIN = '&cj=' + joinquery;
181 | var RAW_QUERY_FILTER_FUNCTION = ''; //'&cf=metric{vector:0.1}';
182 | var RAW_QUERY_BASE_WITH_FILTER = RAW_QUERY_BASE + RAW_QUERY_FILTER_FUNCTION + RAW_QUERY_JOIN + '&q=';
183 |
184 | console.log("Chronix Query: " + RAW_QUERY_BASE_WITH_FILTER + query);
185 |
186 | var options = {
187 | method: 'GET',
188 | url: this.url + RAW_QUERY_BASE_WITH_FILTER + query
189 | };
190 |
191 | return this.backendSrv.datasourceRequest(options).then(function (response) {
192 | return [targets, response];
193 | });
194 | }
195 | }, {
196 | key: 'extractTimeSeries',
197 | value: function extractTimeSeries(targetsResponse) {
198 | var response = targetsResponse[1];
199 |
200 | if (response.data === undefined) {
201 | return { data: [] };
202 | }
203 | var dataset = response.data.response.docs;
204 |
205 | var tsPoints = {};
206 |
207 | for (var i = 0; i < dataset.length; i++) {
208 | var currentDataSet = dataset[i];
209 | var currentTimeSeries = currentDataSet.name;
210 |
211 | if (!(currentTimeSeries in tsPoints)) {
212 | tsPoints[currentTimeSeries] = [];
213 | }
214 |
215 | var jsonData = JSON.parse(currentDataSet.dataAsJson);
216 |
217 | var timestamps = jsonData[0];
218 | var values = jsonData[1];
219 |
220 | //add them
221 | for (var j = 0; j < timestamps.length; j++) {
222 | tsPoints[currentTimeSeries].push([values[j], timestamps[j]]);
223 | }
224 | }
225 |
226 | var ret = [];
227 | for (var key in tsPoints) {
228 | ret.push({ target: key, datapoints: tsPoints[key] });
229 | }
230 | return { data: ret };
231 | }
232 | }, {
233 | key: 'suggestAttributes',
234 | value: function suggestAttributes() {
235 | var options = {
236 | method: 'GET',
237 | url: this.url + '/admin/luke?numTerms=0&wt=json'
238 | };
239 |
240 | return this.backendSrv.datasourceRequest(options).then(this.mapToTextValue);
241 | }
242 | }, {
243 | key: 'mapToTextValue',
244 | value: function mapToTextValue(result) {
245 | var fields = result.data.fields;
246 |
247 | var stringFields = [];
248 | //Iterate over the returned fields
249 | for (var property in fields) {
250 | if (fields.hasOwnProperty(property)) {
251 | if (requiredFields.indexOf(property.toLowerCase()) == -1) {
252 | stringFields.push(property);
253 | }
254 | }
255 | }
256 | return _.map(stringFields, function (name) {
257 | return { text: name };
258 | });
259 | }
260 | }, {
261 | key: 'suggestAttributesValues',
262 | value: function suggestAttributesValues(name, attribute) {
263 | var options = {
264 | method: 'GET',
265 | url: this.url + '/select?facet.field=' + attribute + '&facet=on&q=name:' + name + '&rows=0&wt=json'
266 | };
267 |
268 | return this.backendSrv.datasourceRequest(options).then(this.mapValueToText);
269 | }
270 | }, {
271 | key: 'mapValueToText',
272 | value: function mapValueToText(result) {
273 | var fields = result.data.facet_counts.facet_fields;
274 |
275 | var field;
276 | //Iterate over the returned fields
277 | for (var property in fields) {
278 | if (fields.hasOwnProperty(property)) {
279 | field = property;
280 | }
281 | }
282 |
283 | var pairs = [];
284 | var values = fields[field];
285 |
286 | //Build pairs
287 | for (var i = 0; i < values.length; i++) {
288 | pairs.push([values[i], values[++i]]);
289 | }
290 |
291 | return _.map(pairs, function (pair) {
292 | return { text: pair[0], value: pair[1] };
293 | });
294 | }
295 | }]);
296 |
297 | return ChronixDbDatasource;
298 | }());
299 |
300 | _export('ChronixDbDatasource', ChronixDbDatasource);
301 | }
302 | };
303 | });
304 | //# sourceMappingURL=datasource.js.map
305 |
--------------------------------------------------------------------------------
/dist/datasource.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../src/datasource.js"],"names":["escapeTag","name","indexOf","toTagQueryString","tag","tagName","map","join","toTargetQueryString","target","tags","Object","keys","length","targetQueryStrings","_","toTargetJoinString","attributes","requiredFields","ChronixDbDatasource","instanceSettings","$q","backendSrv","templateSrv","type","url","options","start","range","from","unix","end","to","targets","rawQuery","then","extractTimeSeries","method","successMessage","status","message","title","errorMessage","reject","datasourceRequest","response","success","catch","tsName","emptyResult","when","data","facet_counts","facet_fields","nameFields","console","log","filter","unused","index","text","targetsQueryStrings","query","joinquery","RAW_QUERY_BASE","RAW_QUERY_JOIN","RAW_QUERY_FILTER_FUNCTION","RAW_QUERY_BASE_WITH_FILTER","targetsResponse","undefined","dataset","docs","tsPoints","i","currentDataSet","currentTimeSeries","jsonData","JSON","parse","dataAsJson","timestamps","values","j","push","ret","key","datapoints","mapToTextValue","result","fields","stringFields","property","hasOwnProperty","toLowerCase","attribute","mapValueToText","field","pairs","pair","value"],"mappings":"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","file":"datasource.js","sourcesContent":["import _ from 'lodash';\r\n\r\nfunction escapeTag(name) {\r\n return name.indexOf('.') !== -1 ? `\"${name}\"` : name;\r\n}\r\n\r\nfunction toTagQueryString(tag, tagName) {\r\n return tagName + ':(' + tag.map(escapeTag).join(' OR ') + ')'\r\n}\r\n\r\nfunction toTargetQueryString(target) {\r\n if (!target.tags || Object.keys(target.tags).length === 0) {\r\n // simple name-only\r\n return target.name;\r\n }\r\n\r\n // create strings for each tag\r\n const targetQueryStrings = _(target.tags).map(toTagQueryString);\r\n\r\n return '(' + target.name + ' AND ' + targetQueryStrings.join(' AND ') + ')';\r\n}\r\n\r\nfunction toTargetJoinString(target) {\r\n if (!target.attributes || Object.keys(target.attributes).length === 0) {\r\n return \"name\";\r\n }\r\n // create strings for each tag\r\n return _(target.attributes).join(',') + \",name,type\";\r\n}\r\n\r\nvar requiredFields = [\"data\", \"start\", \"end\", \"_version_\", \"id\", \"name\", \"type\"];\r\n\r\nexport class ChronixDbDatasource {\r\n\r\n constructor(instanceSettings, $q, backendSrv, templateSrv) {\r\n this.type = instanceSettings.type;\r\n this.url = instanceSettings.url;\r\n this.name = instanceSettings.name;\r\n this.$q = $q;\r\n this.backendSrv = backendSrv;\r\n this.templateSrv = templateSrv;\r\n }\r\n\r\n //region Required Grafana Datasource methods\r\n\r\n query(options) {\r\n // get the start and the end and multiply it with 1000 to get millis since 1970\r\n var start = options.range.from.unix() * 1000;\r\n var end = options.range.to.unix() * 1000;\r\n var targets = options.targets;\r\n\r\n return this.rawQuery(targets, start, end).then(this.extractTimeSeries);\r\n }\r\n\r\n /**\r\n * Attempts to connect to the URL entered by the user and responds with a promise to either a \"success\" or an\r\n * \"error\" message.\r\n */\r\n testDatasource() {\r\n const options = {\r\n url: `${this.url}/select?q=%7B!lucene%7D*%3A*&rows=0`,\r\n method: 'GET'\r\n };\r\n const successMessage = {\r\n status: \"success\",\r\n message: \"Connection to Chronix established\",\r\n title: \"Success\"\r\n };\r\n const errorMessage = this.$q.reject({\r\n status: \"error\",\r\n message: \"Connection to Chronix failed\",\r\n title: \"Error\"\r\n });\r\n\r\n // perform the actual call...\r\n return this.backendSrv.datasourceRequest(options)\r\n // ... check if the response is technically successful ...\r\n .then(response => response && response.status === 200)\r\n // ... and respond appropriately\r\n .then(success => success ? successMessage : errorMessage)\r\n // ... and react appropriately, too, when the call somehow didn't work\r\n .catch(error => errorMessage);\r\n }\r\n\r\n /**\r\n *\r\n */\r\n findTimeSeriesByNames(tsName) {\r\n const emptyResult = this.$q.when([]);\r\n\r\n if (!tsName || tsName === '*') {\r\n // no \"*\" accepted from the user\r\n return emptyResult;\r\n }\r\n\r\n if (tsName.indexOf('*') === -1) {\r\n // append an \"*\" at the end if the user didn't already provide one\r\n tsName = tsName + '*';\r\n }\r\n\r\n const options = {\r\n //do a facet query\r\n url: `${this.url}/select?facet.field=name&facet=on&facet.mincount=1&q=name:${tsName}&rows=0&wt=json`,\r\n method: 'GET'\r\n };\r\n\r\n return this.backendSrv.datasourceRequest(options)\r\n .then(response => response && response.data && response.data.facet_counts && response.data.facet_counts.facet_fields && response.data.facet_counts.facet_fields.name)\r\n .then((nameFields) => {\r\n // somehow no valid response => empty array\r\n if (!nameFields) {\r\n console.log(`could not find any matching time series for \"${tsName}\"`);\r\n return emptyResult;\r\n }\r\n\r\n // take only the names, not the counts\r\n return nameFields\r\n .filter((unused, index) => index % 2 === 0)\r\n // and provide them as objects with the \"text\" property\r\n .map(text => ({text}));\r\n })\r\n // if the request itself failed\r\n .catch(error => emptyResult);\r\n }\r\n\r\n //endregion\r\n\r\n rawQuery(targets, start, end) {\r\n // create strings for each target\r\n var targetsQueryStrings = _(targets).map(toTargetQueryString);\r\n\r\n var query = 'name:(' + targetsQueryStrings.join(' OR ') + ')'\r\n + ' AND start:' + start\r\n + ' AND end:' + end;\r\n\r\n var joinquery = _(targets).map(toTargetJoinString);\r\n\r\n //At this point we have to query chronix\r\n var RAW_QUERY_BASE = '/select?fl=dataAsJson&wt=json';\r\n var RAW_QUERY_JOIN = '&cj=' + joinquery;\r\n var RAW_QUERY_FILTER_FUNCTION = '';//'&cf=metric{vector:0.1}';\r\n var RAW_QUERY_BASE_WITH_FILTER = RAW_QUERY_BASE + RAW_QUERY_FILTER_FUNCTION + RAW_QUERY_JOIN + '&q=';\r\n\r\n console.log(\"Chronix Query: \" + RAW_QUERY_BASE_WITH_FILTER + query);\r\n\r\n var options = {\r\n method: 'GET',\r\n url: this.url + RAW_QUERY_BASE_WITH_FILTER + query\r\n };\r\n\r\n return this.backendSrv.datasourceRequest(options).then(function (response) {\r\n return [targets, response];\r\n });\r\n }\r\n\r\n extractTimeSeries(targetsResponse) {\r\n var response = targetsResponse[1];\r\n\r\n if (response.data === undefined) {\r\n return {data: []};\r\n }\r\n var dataset = response.data.response.docs;\r\n\r\n var tsPoints = {};\r\n\r\n for (var i = 0; i < dataset.length; i++) {\r\n var currentDataSet = dataset[i];\r\n var currentTimeSeries = currentDataSet.name;\r\n\r\n if (!(currentTimeSeries in tsPoints)) {\r\n tsPoints[currentTimeSeries] = [];\r\n }\r\n\r\n var jsonData = JSON.parse(currentDataSet.dataAsJson);\r\n\r\n var timestamps = jsonData[0];\r\n var values = jsonData[1];\r\n\r\n //add them\r\n for (var j = 0; j < timestamps.length; j++) {\r\n tsPoints[currentTimeSeries].push([values[j], timestamps[j]]);\r\n }\r\n\r\n }\r\n\r\n var ret = [];\r\n for (var key in tsPoints) {\r\n ret.push({target: key, datapoints: tsPoints[key]});\r\n }\r\n return {data: ret};\r\n }\r\n\r\n /**\r\n * Gets the available fields / attributes\r\n */\r\n suggestAttributes() {\r\n var options = {\r\n method: 'GET',\r\n url: this.url + '/admin/luke?numTerms=0&wt=json'\r\n };\r\n\r\n return this.backendSrv.datasourceRequest(options).then(this.mapToTextValue);\r\n }\r\n\r\n mapToTextValue(result) {\r\n var fields = result.data.fields;\r\n\r\n var stringFields = [];\r\n //Iterate over the returned fields\r\n for (var property in fields) {\r\n if (fields.hasOwnProperty(property)) {\r\n if (requiredFields.indexOf(property.toLowerCase()) == -1) {\r\n stringFields.push(property)\r\n }\r\n }\r\n }\r\n return _.map(stringFields, (name) => {\r\n return {text: name};\r\n });\r\n }\r\n\r\n /**\r\n * Gets the available values for the attributes.\r\n *\r\n * @param name The name to get the available attributes.\r\n * @param attribute The attribute.\r\n */\r\n suggestAttributesValues(name, attribute) {\r\n var options = {\r\n method: 'GET',\r\n url: this.url + '/select?facet.field=' + attribute + '&facet=on&q=name:' + name + '&rows=0&wt=json'\r\n };\r\n\r\n return this.backendSrv.datasourceRequest(options).then(this.mapValueToText);\r\n }\r\n\r\n mapValueToText(result) {\r\n var fields = result.data.facet_counts.facet_fields;\r\n\r\n var field;\r\n //Iterate over the returned fields\r\n for (var property in fields) {\r\n if (fields.hasOwnProperty(property)) {\r\n field = property;\r\n }\r\n }\r\n\r\n var pairs = [];\r\n var values = fields[field];\r\n\r\n //Build pairs\r\n for (var i = 0; i < values.length; i++) {\r\n pairs.push([values[i], values[++i]]);\r\n }\r\n\r\n return _.map(pairs, (pair) => {\r\n return {text: pair[0], value: pair[1]};\r\n });\r\n }\r\n\r\n}\r\n"]}
--------------------------------------------------------------------------------
/dist/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChronixDB/chronix.grafana/f0fa8361fbf97f9fc860c8fb4e830dfd2e65a9d8/dist/img/logo.png
--------------------------------------------------------------------------------
/dist/img/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChronixDB/chronix.grafana/f0fa8361fbf97f9fc860c8fb4e830dfd2e65a9d8/dist/img/screenshot.png
--------------------------------------------------------------------------------
/dist/module.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | System.register(['./datasource', './query-controller', './config-controller'], function (_export, _context) {
4 | "use strict";
5 |
6 | var ChronixDbDatasource, ChronixDbQueryController, ChronixConfigController;
7 | return {
8 | setters: [function (_datasource) {
9 | ChronixDbDatasource = _datasource.ChronixDbDatasource;
10 | }, function (_queryController) {
11 | ChronixDbQueryController = _queryController.ChronixDbQueryController;
12 | }, function (_configController) {
13 | ChronixConfigController = _configController.ChronixConfigController;
14 | }],
15 | execute: function () {
16 | _export('Datasource', ChronixDbDatasource);
17 |
18 | _export('QueryCtrl', ChronixDbQueryController);
19 |
20 | _export('ConfigCtrl', ChronixConfigController);
21 | }
22 | };
23 | });
24 | //# sourceMappingURL=module.js.map
25 |
--------------------------------------------------------------------------------
/dist/module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../src/module.js"],"names":["ChronixDbDatasource","ChronixDbQueryController","ChronixConfigController"],"mappings":";;;;;;;;AAASA,+B,eAAAA,mB;;AACAC,oC,oBAAAA,wB;;AACAC,mC,qBAAAA,uB;;;kCAGLF,mB;;iCACAC,wB;;kCACAC,uB","file":"module.js","sourcesContent":["import { ChronixDbDatasource } from './datasource';\r\nimport { ChronixDbQueryController } from './query-controller';\r\nimport { ChronixConfigController } from './config-controller';\r\n\r\nexport {\r\n ChronixDbDatasource as Datasource,\r\n ChronixDbQueryController as QueryCtrl,\r\n ChronixConfigController as ConfigCtrl\r\n};\r\n"]}
--------------------------------------------------------------------------------
/dist/partials/config.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/dist/partials/query.editor.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
Time Series
7 |
8 |
Name:
9 |
25 |
26 |
27 |
28 |
Attributes
29 |
30 |
31 |
32 |
{{ key }} = {{ value }}
33 |
34 |
35 |
36 |
37 |
38 |
39 |
44 |
45 |
46 |
47 |
48 |
Attribute key:
49 |
50 |
59 |
60 |
61 |
62 |
Attribute value:
63 |
64 |
73 |
74 |
75 |
83 |
84 |
85 |
86 |
87 |
88 |
Join by
89 |
90 |
91 |
97 |
98 |
99 |
104 |
105 |
106 |
107 |
108 |
Join type:
109 |
126 |
127 |
128 |
129 |
130 |
4 |
5 |
6 |
Time Series
7 |
8 |
Name:
9 |
25 |
26 |
27 |
28 |
Attributes
29 |
30 |
31 |
32 |
{{ key }} = {{ value }}
33 |
34 |
35 |
36 |
37 |
38 |
39 |
44 |
45 |
46 |
47 |
48 |
Attribute key:
49 |
50 |
59 |
60 |
61 |
62 |
Attribute value:
63 |
64 |
73 |
74 |
75 |
83 |
84 |
85 |
86 |
87 |
88 |
Join by
89 |
90 |
91 |
97 |
98 |
99 |
104 |
105 |
106 |
107 |
108 |
Join type:
109 |
126 |
127 |
128 |
129 |
130 |