Your search did not match any results.
Charts

Points Aggregation

Documentation

This demo illustrates the Chart widget's data aggregation feature using the line, range area, and bar series. The line series shows temperature changes using average, minimum, or maximum temperature values in the selected time interval. The range area series shows the temperature range for the same time interval and uses a custom aggregate function. The bar series illustrates precipitation and is not aggregated.

www.worldweatheronline.com
Copy to CodeSandBox
Apply
Reset
import React from 'react'; import Chart, { CommonSeriesSettings, Series, Aggregation, Point, ArgumentAxis, ValueAxis, Title, Font, Legend, Label, Tooltip } from 'devextreme-react/chart'; import CheckBox from 'devextreme-react/check-box'; import SelectBox from 'devextreme-react/select-box'; import { weatherData, aggregationFunctions, aggregationIntervals } from './data.js'; class App extends React.Component { constructor(props) { super(props); this.state = { useAggregation: true, currentFunction: aggregationFunctions[0].func, currentInterval: aggregationIntervals[0].interval }; this.updateAggregationUsage = this.updateAggregationUsage.bind(this); this.updateInterval = this.updateInterval.bind(this); this.updateMethod = this.updateMethod.bind(this); } render() { return ( <div id="chart-demo"> <Chart id="chart" dataSource={weatherData} > <CommonSeriesSettings argumentField="date" /> <Series axis="precipitation" color="#03a9f4" type="bar" valueField="precipitation" name="Precipitation" /> <Series axis="temperature" color="#ffc0bb" type="rangearea" rangeValue1Field="minTemp" rangeValue2Field="maxTemp" name="Temperature range" > <Aggregation enabled={this.state.useAggregation} calculate={calculateRangeArea} method="custom" /> </Series> <Series axis="temperature" color="#e91e63" valueField="temp" name="Average temperature" > <Point size={7} /> <Aggregation enabled={this.state.useAggregation} method={this.state.currentFunction} /> </Series> <ArgumentAxis aggregationInterval={this.state.currentInterval} valueMarginsEnabled={false} argumentType="datetime" /> <ValueAxis name="temperature"> <Title text="Temperature, °C"> <Font color="#e91e63" /> </Title> <Label> <Font color="#e91e63" /> </Label> </ValueAxis> <ValueAxis name="precipitation" position="right" > <Title text="Precipitation, mm"> <Font color="#03a9f4" /> </Title> <Label> <Font color="#03a9f4" /> </Label> </ValueAxis> <Legend visible={false} /> <Tooltip enabled={true} customizeTooltip={customizeTooltip} /> <Title text="Weather in Las Vegas, NV (2017)" /> </Chart> <div className="options"> <div className="caption">Options</div> <div className="option"> <CheckBox value={this.state.useAggregation} onValueChanged={this.updateAggregationUsage} text="Aggregation enabled" /> </div> <div className="option"> <span>Interval:</span>&nbsp; <SelectBox dataSource={aggregationIntervals} value={this.state.currentInterval} onValueChanged={this.updateInterval} displayExpr="displayName" valueExpr="interval" /> </div> <div className="option"> <span>Method:</span>&nbsp; <SelectBox dataSource={aggregationFunctions} value={this.state.currentFunction} onValueChanged={this.updateMethod} displayExpr="displayName" valueExpr="func" /> </div> </div> </div> ); } updateAggregationUsage({ value }) { this.setState({ useAggregation: value }); } updateInterval({ value }) { this.setState({ currentInterval: value }); } updateMethod({ value }) { this.setState({ currentFunction: value }); } } function calculateRangeArea(aggregationInfo) { if(!aggregationInfo.data.length) { return; } let temp = aggregationInfo.data.map(item => item.temp); return { date: aggregationInfo.intervalStart, maxTemp: Math.max.apply(null, temp), minTemp: Math.min.apply(null, temp) }; } function customizeTooltip(pointInfo) { const aggregationInfo = pointInfo.point.aggregationInfo; const start = aggregationInfo && aggregationInfo.intervalStart; const end = aggregationInfo && aggregationInfo.intervalEnd; const handlers = { 'Average temperature': arg => { return { text: `${(!aggregationInfo ? `Date: ${arg.argument.toDateString()}` : `Interval: ${start.toDateString()} - ${end.toDateString()}`) }<br/>Temperature: ${arg.value.toFixed(2)} °C` }; }, 'Temperature range': arg => { return { text: `Interval: ${start.toDateString() } - ${end.toDateString() }<br/>Temperature range: ${arg.rangeValue1 } - ${arg.rangeValue2} °C` }; }, 'Precipitation': arg => { return { text: `Date: ${arg.argument.toDateString() }<br/>Precipitation: ${arg.valueText} mm` }; } }; return handlers[pointInfo.seriesName](pointInfo); } export default App;
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App.js'; ReactDOM.render( <App />, document.getElementById('app') );
<!DOCTYPE html> <html> <head> <title>DevExtreme Demo</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/19.2.4/css/dx.common.css" /> <link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/19.2.4/css/dx.light.css" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <script src="https://unpkg.com/core-js@2.4.1/client/shim.min.js"></script> <script src="https://unpkg.com/systemjs@0.21.3/dist/system.js"></script> <script type="text/javascript" src="config.js"></script> <script type="text/javascript"> System.import('./index.js'); </script> </head> <body class="dx-viewport"> <div class="demo-container"> <div id="app"></div> </div> </body> </html>
#chart-demo { height: 700px; } #chart { height: 500px; margin: 0 0 15px; } .options { padding: 20px; margin-top: 20px; background-color: rgba(191, 191, 191, 0.15); } .caption { font-size: 18px; font-weight: 500; } .option { margin-top: 10px; } .option > span { width: 50px; display: inline-block; margin-right: 10px; } .option > .dx-selectbox { display: inline-block; vertical-align: middle; }
export const aggregationIntervals = [ { displayName: 'One week', interval: 'week' }, { displayName: 'Two weeks', interval: { weeks: 2 } }, { displayName: 'Month', interval: 'month' } ]; export const aggregationFunctions = [ { displayName: 'Average', func: 'avg' }, { displayName: 'Minimum', func: 'min' }, { displayName: 'Maximum', func: 'max' } ]; export const weatherData = [{ date: '2017-01-01', temp: 9.5, precipitation: 0.1 }, { date: '2017-01-02', temp: 8, precipitation: 0.4 }, { date: '2017-01-03', temp: 7.5, precipitation: 0.2 }, { date: '2017-01-04', temp: 8.5, precipitation: 0.1 }, { date: '2017-01-05', temp: 10, precipitation: 0.3 }, { date: '2017-01-06', temp: 3, precipitation: 0 }, { date: '2017-01-07', temp: 5, precipitation: 0.3 }, { date: '2017-01-08', temp: 9.5, precipitation: 0 }, { date: '2017-01-09', temp: 11, precipitation: 0.5 }, { date: '2017-01-10', temp: 8, precipitation: 0 }, { date: '2017-01-11', temp: 11.5, precipitation: 0.3 }, { date: '2017-01-12', temp: 9.5, precipitation: 2.1 }, { date: '2017-01-13', temp: 11.5, precipitation: 3.5 }, { date: '2017-01-14', temp: 11, precipitation: 0.1 }, { date: '2017-01-15', temp: 10.5, precipitation: 0 }, { date: '2017-01-16', temp: 6.5, precipitation: 0 }, { date: '2017-01-17', temp: 7.5, precipitation: 0 }, { date: '2017-01-18', temp: 8, precipitation: 0.1 }, { date: '2017-01-19', temp: 8.5, precipitation: 1.3 }, { date: '2017-01-20', temp: 5.5, precipitation: 5.3 }, { date: '2017-01-21', temp: 9, precipitation: 0.1 }, { date: '2017-01-22', temp: 6, precipitation: 16.6 }, { date: '2017-01-23', temp: 8.5, precipitation: 5.5 }, { date: '2017-01-24', temp: 6.5, precipitation: 1.3 }, { date: '2017-01-25', temp: 4.5, precipitation: 0 }, { date: '2017-01-26', temp: 5.5, precipitation: 0 }, { date: '2017-01-27', temp: 3, precipitation: 0 }, { date: '2017-01-28', temp: 6.5, precipitation: 0 }, { date: '2017-01-29', temp: 8, precipitation: 0 }, { date: '2017-01-30', temp: 10.5, precipitation: 0 }, { date: '2017-01-31', temp: 13, precipitation: 0 }, { date: '2017-02-01', temp: 10.5, precipitation: 0 }, { date: '2017-02-02', temp: 12, precipitation: 0 }, { date: '2017-02-03', temp: 13, precipitation: 0.2 }, { date: '2017-02-04', temp: 10, precipitation: 0 }, { date: '2017-02-05', temp: 11.5, precipitation: 0 }, { date: '2017-02-06', temp: 11.5, precipitation: 0.1 }, { date: '2017-02-07', temp: 12.5, precipitation: 0.5 }, { date: '2017-02-08', temp: 13, precipitation: 0 }, { date: '2017-02-09', temp: 15.5, precipitation: 0 }, { date: '2017-02-10', temp: 16.5, precipitation: 0.1 }, { date: '2017-02-11', temp: 14.5, precipitation: 0.8 }, { date: '2017-02-12', temp: 13.5, precipitation: 0.1 }, { date: '2017-02-13', temp: 13.5, precipitation: 0 }, { date: '2017-02-14', temp: 12, precipitation: 0 }, { date: '2017-02-15', temp: 13.5, precipitation: 0 }, { date: '2017-02-16', temp: 14.5, precipitation: 0 }, { date: '2017-02-17', temp: 12.5, precipitation: 4.5 }, { date: '2017-02-18', temp: 10, precipitation: 14.4 }, { date: '2017-02-19', temp: 13.5, precipitation: 0.5 }, { date: '2017-02-20', temp: 14, precipitation: 0.6 }, { date: '2017-02-21', temp: 15, precipitation: 0 }, { date: '2017-02-22', temp: 11, precipitation: 0 }, { date: '2017-02-23', temp: 7.5, precipitation: 0 }, { date: '2017-02-24', temp: 6, precipitation: 0 }, { date: '2017-02-25', temp: 7, precipitation: 0 }, { date: '2017-02-26', temp: 8, precipitation: 0 }, { date: '2017-02-27', temp: 8.5, precipitation: 0.1 }, { date: '2017-02-28', temp: 10, precipitation: 0 }, { date: '2017-03-01', temp: 9, precipitation: 0 }, { date: '2017-03-02', temp: 11, precipitation: 0 }, { date: '2017-03-03', temp: 15, precipitation: 0 }, { date: '2017-03-04', temp: 14.5, precipitation: 0 }, { date: '2017-03-05', temp: 12.5, precipitation: 0 }, { date: '2017-03-06', temp: 7.5, precipitation: 0 }, { date: '2017-03-07', temp: 11, precipitation: 0 }, { date: '2017-03-08', temp: 16, precipitation: 0 }, { date: '2017-03-09', temp: 19.5, precipitation: 0 }, { date: '2017-03-10', temp: 20, precipitation: 0 }, { date: '2017-03-11', temp: 20.5, precipitation: 0 }, { date: '2017-03-12', temp: 21.5, precipitation: 0 }, { date: '2017-03-13', temp: 21.5, precipitation: 0 }, { date: '2017-03-14', temp: 23.5, precipitation: 0 }, { date: '2017-03-15', temp: 23, precipitation: 0 }, { date: '2017-03-16', temp: 23, precipitation: 0 }, { date: '2017-03-17', temp: 22.5, precipitation: 0 }, { date: '2017-03-18', temp: 23.5, precipitation: 0 }, { date: '2017-03-19', temp: 24, precipitation: 0 }, { date: '2017-03-20', temp: 23.5, precipitation: 0 }, { date: '2017-03-21', temp: 22, precipitation: 0 }, { date: '2017-03-22', temp: 18.5, precipitation: 4 }, { date: '2017-03-23', temp: 15, precipitation: 2.4 }, { date: '2017-03-24', temp: 20.5, precipitation: 0 }, { date: '2017-03-25', temp: 19, precipitation: 0 }, { date: '2017-03-26', temp: 18.5, precipitation: 0 }, { date: '2017-03-27', temp: 18, precipitation: 0 }, { date: '2017-03-28', temp: 17, precipitation: 0 }, { date: '2017-03-29', temp: 21, precipitation: 0 }, { date: '2017-03-30', temp: 19.5, precipitation: 0 }, { date: '2017-03-31', temp: 16.5, precipitation: 0.2 }, { date: '2017-04-01', temp: 19, precipitation: 0 }, { date: '2017-04-02', temp: 20, precipitation: 0 }, { date: '2017-04-03', temp: 18, precipitation: 0 }, { date: '2017-04-04', temp: 16.5, precipitation: 0 }, { date: '2017-04-05', temp: 17, precipitation: 0 }, { date: '2017-04-06', temp: 21.5, precipitation: 0 }, { date: '2017-04-07', temp: 22, precipitation: 0 }, { date: '2017-04-08', temp: 19, precipitation: 0.2 }, { date: '2017-04-09', temp: 14.5, precipitation: 0 }, { date: '2017-04-10', temp: 17, precipitation: 0 }, { date: '2017-04-11', temp: 19.5, precipitation: 0 }, { date: '2017-04-12', temp: 21.5, precipitation: 0 }, { date: '2017-04-13', temp: 21.5, precipitation: 0 }, { date: '2017-04-14', temp: 19, precipitation: 0 }, { date: '2017-04-15', temp: 21, precipitation: 0 }, { date: '2017-04-16', temp: 22.5, precipitation: 0 }, { date: '2017-04-17', temp: 21.5, precipitation: 0 }, { date: '2017-04-18', temp: 21.5, precipitation: 0 }, { date: '2017-04-19', temp: 21.5, precipitation: 0 }, { date: '2017-04-20', temp: 22, precipitation: 0 }, { date: '2017-04-21', temp: 20, precipitation: 0 }, { date: '2017-04-22', temp: 23, precipitation: 0 }, { date: '2017-04-23', temp: 26, precipitation: 0 }, { date: '2017-04-24', temp: 25, precipitation: 0 }, { date: '2017-04-25', temp: 22, precipitation: 0 }, { date: '2017-04-26', temp: 23.5, precipitation: 0 }, { date: '2017-04-27', temp: 23, precipitation: 0 }, { date: '2017-04-28', temp: 19, precipitation: 0 }, { date: '2017-04-29', temp: 19.5, precipitation: 0 }, { date: '2017-04-30', temp: 21.5, precipitation: 0 }, { date: '2017-05-01', temp: 26, precipitation: 0 }, { date: '2017-05-02', temp: 26, precipitation: 0 }, { date: '2017-05-03', temp: 25.5, precipitation: 0 }, { date: '2017-05-04', temp: 28, precipitation: 0 }, { date: '2017-05-05', temp: 28.5, precipitation: 0 }, { date: '2017-05-06', temp: 27, precipitation: 0.4 }, { date: '2017-05-07', temp: 17, precipitation: 0.1 }, { date: '2017-05-08', temp: 17, precipitation: 0 }, { date: '2017-05-09', temp: 20, precipitation: 1.7 }, { date: '2017-05-10', temp: 19.5, precipitation: 0.3 }, { date: '2017-05-11', temp: 23, precipitation: 0 }, { date: '2017-05-12', temp: 26, precipitation: 0 }, { date: '2017-05-13', temp: 22.5, precipitation: 0 }, { date: '2017-05-14', temp: 23, precipitation: 0 }, { date: '2017-05-15', temp: 19.5, precipitation: 0 }, { date: '2017-05-16', temp: 20, precipitation: 0 }, { date: '2017-05-17', temp: 18.5, precipitation: 0 }, { date: '2017-05-18', temp: 19.5, precipitation: 0 }, { date: '2017-05-19', temp: 21.5, precipitation: 0 }, { date: '2017-05-20', temp: 24, precipitation: 0 }, { date: '2017-05-21', temp: 27.5, precipitation: 0 }, { date: '2017-05-22', temp: 29, precipitation: 0 }, { date: '2017-05-23', temp: 30.5, precipitation: 0 }, { date: '2017-05-24', temp: 31, precipitation: 0 }, { date: '2017-05-25', temp: 29.5, precipitation: 0 }, { date: '2017-05-26', temp: 27, precipitation: 0 }, { date: '2017-05-27', temp: 26, precipitation: 0 }, { date: '2017-05-28', temp: 29, precipitation: 0 }, { date: '2017-05-29', temp: 30.5, precipitation: 0 }, { date: '2017-05-30', temp: 31.5, precipitation: 0 }, { date: '2017-05-31', temp: 29.5, precipitation: 0 }, { date: '2017-06-01', temp: 28, precipitation: 0 }, { date: '2017-06-02', temp: 30, precipitation: 0 }, { date: '2017-06-03', temp: 32.5, precipitation: 0 }, { date: '2017-06-04', temp: 32, precipitation: 0 }, { date: '2017-06-05', temp: 31.5, precipitation: 0 }, { date: '2017-06-06', temp: 33, precipitation: 0 }, { date: '2017-06-07', temp: 32.5, precipitation: 0 }, { date: '2017-06-08', temp: 31.5, precipitation: 0 }, { date: '2017-06-09', temp: 31.5, precipitation: 0 }, { date: '2017-06-10', temp: 29, precipitation: 0 }, { date: '2017-06-11', temp: 26, precipitation: 0 }, { date: '2017-06-12', temp: 21, precipitation: 0 }, { date: '2017-06-13', temp: 25, precipitation: 0 }, { date: '2017-06-14', temp: 30.5, precipitation: 0 }, { date: '2017-06-15', temp: 32, precipitation: 0 }, { date: '2017-06-16', temp: 34.5, precipitation: 0 }, { date: '2017-06-17', temp: 36, precipitation: 0 }, { date: '2017-06-18', temp: 36, precipitation: 0 }, { date: '2017-06-19', temp: 37.5, precipitation: 0 }, { date: '2017-06-20', temp: 39, precipitation: 0 }, { date: '2017-06-21', temp: 38, precipitation: 0 }, { date: '2017-06-22', temp: 37.5, precipitation: 0 }, { date: '2017-06-23', temp: 37, precipitation: 0 }, { date: '2017-06-24', temp: 37.5, precipitation: 0 }, { date: '2017-06-25', temp: 37, precipitation: 0 }, { date: '2017-06-26', temp: 36.5, precipitation: 0 }, { date: '2017-06-27', temp: 34, precipitation: 0 }, { date: '2017-06-28', temp: 34, precipitation: 0 }, { date: '2017-06-29', temp: 37.5, precipitation: 0 }, { date: '2017-06-30', temp: 35, precipitation: 0 }, { date: '2017-07-01', temp: 37.5, precipitation: 0 }, { date: '2017-07-02', temp: 35.5, precipitation: 0 }, { date: '2017-07-03', temp: 36.5, precipitation: 0 }, { date: '2017-07-04', temp: 37, precipitation: 0 }, { date: '2017-07-05', temp: 39, precipitation: 0 }, { date: '2017-07-06', temp: 39.5, precipitation: 0 }, { date: '2017-07-07', temp: 40, precipitation: 0 }, { date: '2017-07-08', temp: 39, precipitation: 0 }, { date: '2017-07-09', temp: 36.5, precipitation: 0 }, { date: '2017-07-10', temp: 37, precipitation: 0 }, { date: '2017-07-11', temp: 36.5, precipitation: 0.1 }, { date: '2017-07-12', temp: 36.5, precipitation: 0 }, { date: '2017-07-13', temp: 38, precipitation: 0 }, { date: '2017-07-14', temp: 39.5, precipitation: 0 }, { date: '2017-07-15', temp: 40, precipitation: 0 }, { date: '2017-07-16', temp: 38.5, precipitation: 0 }, { date: '2017-07-17', temp: 37, precipitation: 0 }, { date: '2017-07-18', temp: 37, precipitation: 0 }, { date: '2017-07-19', temp: 34, precipitation: 0.4 }, { date: '2017-07-20', temp: 34.5, precipitation: 0 }, { date: '2017-07-21', temp: 36.5, precipitation: 0 }, { date: '2017-07-22', temp: 36.5, precipitation: 0 }, { date: '2017-07-23', temp: 38, precipitation: 0 }, { date: '2017-07-24', temp: 34, precipitation: 0.1 }, { date: '2017-07-25', temp: 34, precipitation: 0 }, { date: '2017-07-26', temp: 33.5, precipitation: 0.2 }, { date: '2017-07-27', temp: 36, precipitation: 0 }, { date: '2017-07-28', temp: 38, precipitation: 0 }, { date: '2017-07-29', temp: 36.5, precipitation: 0 }, { date: '2017-07-30', temp: 37.5, precipitation: 0.1 }, { date: '2017-07-31', temp: 37, precipitation: 0 }, { date: '2017-08-01', temp: 37, precipitation: 0 }, { date: '2017-08-02', temp: 35.5, precipitation: 0.1 }, { date: '2017-08-03', temp: 33.5, precipitation: 0.9 }, { date: '2017-08-04', temp: 32, precipitation: 0.1 }, { date: '2017-08-05', temp: 33.5, precipitation: 0.1 }, { date: '2017-08-06', temp: 34, precipitation: 0 }, { date: '2017-08-07', temp: 33.5, precipitation: 0 }, { date: '2017-08-08', temp: 35.5, precipitation: 0 }, { date: '2017-08-09', temp: 36, precipitation: 0 }, { date: '2017-08-10', temp: 35.5, precipitation: 0 }, { date: '2017-08-11', temp: 35, precipitation: 0 }, { date: '2017-08-12', temp: 35.5, precipitation: 0.1 }, { date: '2017-08-13', temp: 34, precipitation: 0 }, { date: '2017-08-14', temp: 32.5, precipitation: 0 }, { date: '2017-08-15', temp: 30, precipitation: 0 }, { date: '2017-08-16', temp: 31, precipitation: 0 }, { date: '2017-08-17', temp: 33.5, precipitation: 0 }, { date: '2017-08-18', temp: 34.5, precipitation: 0 }, { date: '2017-08-19', temp: 34, precipitation: 0 }, { date: '2017-08-20', temp: 33, precipitation: 0 }, { date: '2017-08-21', temp: 32, precipitation: 0 }, { date: '2017-08-22', temp: 32.5, precipitation: 0 }, { date: '2017-08-23', temp: 33, precipitation: 0 }, { date: '2017-08-24', temp: 33, precipitation: 0 }, { date: '2017-08-25', temp: 33.5, precipitation: 0 }, { date: '2017-08-26', temp: 36, precipitation: 0 }, { date: '2017-08-27', temp: 37, precipitation: 0 }, { date: '2017-08-28', temp: 37, precipitation: 0 }, { date: '2017-08-29', temp: 36.5, precipitation: 0 }, { date: '2017-08-30', temp: 36, precipitation: 0.3 }, { date: '2017-08-31', temp: 33.5, precipitation: 0.3 }, { date: '2017-09-01', temp: 33.5, precipitation: 0 }, { date: '2017-09-02', temp: 34.5, precipitation: 0 }, { date: '2017-09-03', temp: 34, precipitation: 0.1 }, { date: '2017-09-04', temp: 29.5, precipitation: 0 }, { date: '2017-09-05', temp: 33, precipitation: 0 }, { date: '2017-09-06', temp: 32, precipitation: 0 }, { date: '2017-09-07', temp: 32, precipitation: 0 }, { date: '2017-09-08', temp: 28, precipitation: 1.7 }, { date: '2017-09-09', temp: 23, precipitation: 7.6 }, { date: '2017-09-10', temp: 29, precipitation: 0 }, { date: '2017-09-11', temp: 32, precipitation: 0 }, { date: '2017-09-12', temp: 31, precipitation: 0 }, { date: '2017-09-13', temp: 30.5, precipitation: 0 }, { date: '2017-09-14', temp: 26, precipitation: 0 }, { date: '2017-09-15', temp: 23.5, precipitation: 0 }, { date: '2017-09-16', temp: 24.5, precipitation: 0 }, { date: '2017-09-17', temp: 25, precipitation: 0 }, { date: '2017-09-18', temp: 26.5, precipitation: 0 }, { date: '2017-09-19', temp: 24.5, precipitation: 0 }, { date: '2017-09-20', temp: 24.5, precipitation: 0 }, { date: '2017-09-21', temp: 20, precipitation: 0 }, { date: '2017-09-22', temp: 17, precipitation: 0 }, { date: '2017-09-23', temp: 15.5, precipitation: 0 }, { date: '2017-09-24', temp: 17.5, precipitation: 0 }, { date: '2017-09-25', temp: 18, precipitation: 0 }, { date: '2017-09-26', temp: 18.5, precipitation: 0 }, { date: '2017-09-27', temp: 21.5, precipitation: 0 }, { date: '2017-09-28', temp: 22, precipitation: 0 }, { date: '2017-09-29', temp: 24, precipitation: 0 }, { date: '2017-09-30', temp: 25, precipitation: 0 }, { date: '2017-10-01', temp: 23, precipitation: 0 }, { date: '2017-10-02', temp: 18, precipitation: 0 }, { date: '2017-10-03', temp: 18.5, precipitation: 0 }, { date: '2017-10-04', temp: 18.5, precipitation: 0 }, { date: '2017-10-05', temp: 21.5, precipitation: 0 }, { date: '2017-10-06', temp: 19.5, precipitation: 0 }, { date: '2017-10-07', temp: 23, precipitation: 0 }, { date: '2017-10-08', temp: 24, precipitation: 0 }, { date: '2017-10-09', temp: 14.5, precipitation: 0 }, { date: '2017-10-10', temp: 18, precipitation: 0 }, { date: '2017-10-11', temp: 20, precipitation: 0 }, { date: '2017-10-12', temp: 20, precipitation: 0 }, { date: '2017-10-13', temp: 21, precipitation: 0 }, { date: '2017-10-14', temp: 17, precipitation: 0 }, { date: '2017-10-15', temp: 18, precipitation: 0 }, { date: '2017-10-16', temp: 20.5, precipitation: 0 }, { date: '2017-10-17', temp: 21.5, precipitation: 0 }, { date: '2017-10-18', temp: 21.5, precipitation: 0 }, { date: '2017-10-19', temp: 22.5, precipitation: 0 }, { date: '2017-10-20', temp: 18, precipitation: 0 }, { date: '2017-10-21', temp: 15, precipitation: 0 }, { date: '2017-10-22', temp: 19.5, precipitation: 0 }, { date: '2017-10-23', temp: 22, precipitation: 0 }, { date: '2017-10-24', temp: 20.5, precipitation: 0 }, { date: '2017-10-25', temp: 21, precipitation: 0 }, { date: '2017-10-26', temp: 22, precipitation: 0 }, { date: '2017-10-27', temp: 20, precipitation: 0 }, { date: '2017-10-28', temp: 19.5, precipitation: 0 }, { date: '2017-10-29', temp: 21, precipitation: 0 }, { date: '2017-10-30', temp: 19.5, precipitation: 0 }, { date: '2017-10-31', temp: 17.5, precipitation: 0 }, { date: '2017-11-01', temp: 18, precipitation: 0 }, { date: '2017-11-02', temp: 15, precipitation: 0 }, { date: '2017-11-03', temp: 14.5, precipitation: 0 }, { date: '2017-11-04', temp: 16.5, precipitation: 0 }, { date: '2017-11-05', temp: 12.5, precipitation: 0 }, { date: '2017-11-06', temp: 12, precipitation: 0 }, { date: '2017-11-07', temp: 14, precipitation: 0 }, { date: '2017-11-08', temp: 14.5, precipitation: 0 }, { date: '2017-11-09', temp: 16.5, precipitation: 0 }, { date: '2017-11-10', temp: 16, precipitation: 0 }, { date: '2017-11-11', temp: 14.5, precipitation: 0 }, { date: '2017-11-12', temp: 14.5, precipitation: 0 }, { date: '2017-11-13', temp: 16.5, precipitation: 0 }, { date: '2017-11-14', temp: 14.5, precipitation: 0 }, { date: '2017-11-15', temp: 16.5, precipitation: 0 }, { date: '2017-11-16', temp: 15, precipitation: 0 }, { date: '2017-11-17', temp: 17, precipitation: 0 }, { date: '2017-11-18', temp: 8.5, precipitation: 0 }, { date: '2017-11-19', temp: 11, precipitation: 0 }, { date: '2017-11-20', temp: 12, precipitation: 0 }, { date: '2017-11-21', temp: 15.5, precipitation: 0 }, { date: '2017-11-22', temp: 18.5, precipitation: 0 }, { date: '2017-11-23', temp: 18.5, precipitation: 0 }, { date: '2017-11-24', temp: 18, precipitation: 0 }, { date: '2017-11-25', temp: 18.5, precipitation: 0 }, { date: '2017-11-26', temp: 17.5, precipitation: 0 }, { date: '2017-11-27', temp: 13, precipitation: 0 }, { date: '2017-11-28', temp: 10, precipitation: 0 }, { date: '2017-11-29', temp: 12.5, precipitation: 0 }, { date: '2017-11-30', temp: 11.5, precipitation: 0 }, { date: '2017-12-01', temp: 14, precipitation: 0 }, { date: '2017-12-02', temp: 13.5, precipitation: 0 }, { date: '2017-12-03', temp: 13.5, precipitation: 0 }, { date: '2017-12-04', temp: 4.5, precipitation: 0 }, { date: '2017-12-05', temp: 5, precipitation: 0 }, { date: '2017-12-06', temp: 7, precipitation: 0 }, { date: '2017-12-07', temp: 6.5, precipitation: 0 }, { date: '2017-12-08', temp: 10, precipitation: 0 }, { date: '2017-12-09', temp: 10, precipitation: 0 }, { date: '2017-12-10', temp: 10, precipitation: 0 }, { date: '2017-12-11', temp: 10.5, precipitation: 0 }, { date: '2017-12-12', temp: 12, precipitation: 0 }, { date: '2017-12-13', temp: 12.5, precipitation: 0 }, { date: '2017-12-14', temp: 9, precipitation: 0 }, { date: '2017-12-15', temp: 10, precipitation: 0 }, { date: '2017-12-16', temp: 8, precipitation: 0 }, { date: '2017-12-17', temp: 6, precipitation: 0 }, { date: '2017-12-18', temp: 7.5, precipitation: 0 }, { date: '2017-12-19', temp: 9.5, precipitation: 0 }, { date: '2017-12-20', temp: 8.5, precipitation: 0 }, { date: '2017-12-21', temp: 3, precipitation: 0 }, { date: '2017-12-22', temp: 4, precipitation: 0 }, { date: '2017-12-23', temp: 6, precipitation: 0 }, { date: '2017-12-24', temp: 8, precipitation: 0 }, { date: '2017-12-25', temp: 10, precipitation: 0 }, { date: '2017-12-26', temp: 11, precipitation: 0 }, { date: '2017-12-27', temp: 12, precipitation: 0 }, { date: '2017-12-28', temp: 12, precipitation: 0 }, { date: '2017-12-29', temp: 13.5, precipitation: 0 }, { date: '2017-12-30', temp: 12, precipitation: 0 }, { date: '2017-12-31', temp: 11, precipitation: 0 }];
System.config({ transpiler: 'plugin-babel', paths: { 'npm:': 'https://unpkg.com/' }, defaultExtension: 'js', map: { 'react': 'npm:react@16/umd/react.development.js', 'react-dom': 'npm:react-dom@16/umd/react-dom.development.js', 'prop-types': 'npm:prop-types/prop-types.js', 'devextreme': 'npm:devextreme@19.2', 'devextreme-react': 'npm:devextreme-react@19.2', 'jszip': 'npm:jszip@3.1.3/dist/jszip.min.js', 'quill': 'npm:quill@1.3.7/dist/quill.js', 'devexpress-diagram': 'npm:devexpress-diagram', 'devexpress-gantt': 'npm:devexpress-gantt', // SystemJS plugins 'plugin-babel': 'npm:systemjs-plugin-babel@0/plugin-babel.js', 'systemjs-babel-build': 'npm:systemjs-plugin-babel@0/systemjs-babel-browser.js' }, packages: { 'devextreme': { defaultExtension: 'js' }, 'devextreme-react': { main: 'index.js' } }, babelOptions: { sourceMaps: false, stage0: true, react: true } });