feat(core): Automate creation of Time column (#27)

* feat(core): Automate creation of Time column

* chore(doc): Update README

Author: efcasado

README.md

@@ -10,6 +10,8 @@ Splunk Data Source Plugin for Grafana is a Grafana (data source) plugin that
 allows you to pull Splunk data into your Grafana dashboards. Or, in other words,
 it is a Grafana plugin that allows you to query Splunk directly from Grafana.
 
+<img width="50%" alt="graphing-splunk-results-in-grafana" src="https://user-images.githubusercontent.com/603610/170813937-2d7f03c6-d0d7-49b8-83a7-3c1b186fd0f7.png"> <img width="50%" alt="splunk-results-in-logs-panels-in-grafana" src="https://user-images.githubusercontent.com/603610/170837177-863c407b-e115-4e2c-b08a-e85927e07a6b.png">
+
 
 ### Installation
 
@@ -45,23 +47,6 @@ by an administrator from Grafana's UI `Configuration --> Datasources --> Add dat
 | Token    | Basic auth token                                             |
 
 
-### Graphing Splunk Results in Grafana
-
-For Grafana to be able to graph the data pulled from your Splunk instance, it
-requieres a `Time` field, which should be formatted as `%Y-%m-%dT%H:%M:%S.000Z`.
-An easy way to achieve this is including the following command to your
-Splunk queries: `eval _time=strftime(_time, "%Y-%m-%dT%H:%M:%S.000Z") | rename _time AS Time`.
-
-<img width="100%" alt="graphing-splunk-results-in-grafana" src="https://user-images.githubusercontent.com/603610/170813937-2d7f03c6-d0d7-49b8-83a7-3c1b186fd0f7.png">
-
-```
-index=_internal *
-| timechart span=1m count
-| eval _time=strftime(_time, "%Y-%m-%dT%H:%M:%S.000Z")
-| rename _time AS Time
-```
-
-
 ### Getting Started
 
 1. Build the project

src/datasource.ts

@@ -20,6 +20,7 @@ export class DataSource extends DataSourceApi<MyQuery, MyDataSourceOptions> {
   }
 
   async query(options: DataQueryRequest<MyQuery>): Promise<DataQueryResponse> {
+    const moment = require('moment');
     const promises = options.targets.map((query) =>
       this.doRequest(query, options).then((response) => {
         const frame = new MutableDataFrame({
@@ -39,8 +40,14 @@ export class DataSource extends DataSourceApi<MyQuery, MyDataSourceOptions> {
         response.results.forEach((result: any) => {
           // console.log(`DEBUG: result=${JSON.stringify(result)}`);
           let row: any[] = [];
+
           response.fields.forEach((field: any) => {
-            row.push(result[field]);
+            if (field === 'Time') {
+              let time = moment(result['_time']).format('YYYY-MM-DDTHH:mm:ssZ');
+              row.push(time);
+            } else {
+              row.push(result[field]);
+            }
           });
           frame.appendRow(row);
         });
@@ -172,6 +179,18 @@ export class DataSource extends DataSourceApi<MyQuery, MyDataSourceOptions> {
       offset = offset + count;
     }
 
+    if (fields.includes('_time')) {
+      fields.push('Time');
+    }
+
+    const index = fields.indexOf('_raw', 0);
+    if (index > -1) {
+      fields.splice(index, 1);
+      fields = fields.reverse();
+      fields.push('_raw');
+      fields = fields.reverse();
+    }
+
     return { fields: fields, results: results };
   }