wip: began first steps for a react graph component

public/app/types/index.ts

@@ -9,7 +9,15 @@ import { ApiKey, ApiKeysState, NewApiKey } from './apiKeys';
 import { Invitee, OrgUser, User, UsersState } from './user';
 import { DataSource, DataSourcesState } from './datasources';
 import { PluginMeta, Plugin, PluginsState } from './plugins';
-import { TimeRange, LoadingState, TimeSeries, DataQuery, DataQueryResponse, DataQueryOptions } from './series';
+import {
+  TimeRange,
+  LoadingState,
+  TimeSeries,
+  DataQuery,
+  DataQueryResponse,
+  DataQueryOptions,
+  TimeSeriesViewModel,
+} from './series';
 import { PanelProps } from './panel';
 
 export {
@@ -51,6 +59,7 @@ export {
   LoadingState,
   PanelProps,
   TimeSeries,
+  TimeSeriesViewModel,
   DataQuery,
   DataQueryResponse,
   DataQueryOptions,

public/app/types/panel.ts

@@ -1,6 +1,7 @@
-import { LoadingState, TimeSeries } from './series';
+import { LoadingState, TimeSeries, TimeRange } from './series';
 
 export interface PanelProps {
   timeSeries: TimeSeries[];
+  timeRange: TimeRange;
   loading: LoadingState;
 }

public/app/types/series.ts

@@ -25,6 +25,13 @@ export type TimeSeriesPoints = TimeSeriesValue[][];
 export interface TimeSeries {
   target: string;
   datapoints: TimeSeriesPoints;
+  unit?: string;
+}
+
+export interface TimeSeriesViewModel {
+  label: string;
+  color: string;
+  data: number[][];
 }
 
 export interface DataQueryResponse {