diff options
| author | Georgios Andreadis <info@gandreadis.com> | 2020-07-22 13:25:53 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2020-08-24 19:48:18 +0200 |
| commit | 8739a156b75ba96e15d1bb19b08ca829c1eb01e8 (patch) | |
| tree | c75aed0708e40ab7029f2e9f6aa1310f943ae9a4 /frontend/src | |
| parent | d9092997cba04eb8d4981f80fa6bdab28ecf7055 (diff) | |
Remove old charting library
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/app/results/MetricChartComponent.js | 67 | ||||
| -rw-r--r-- | frontend/src/containers/app/sidebars/elements/LoadChartContainer.js | 15 |
2 files changed, 0 insertions, 82 deletions
diff --git a/frontend/src/components/app/results/MetricChartComponent.js b/frontend/src/components/app/results/MetricChartComponent.js deleted file mode 100644 index 29a4676a..00000000 --- a/frontend/src/components/app/results/MetricChartComponent.js +++ /dev/null @@ -1,67 +0,0 @@ -import React from 'react' -import ReactDOM from 'react-dom/server' -import SvgSaver from 'svgsaver' -import { VictoryAxis, VictoryChart, VictoryLabel, VictoryLine, VictoryScatter } from 'victory' -import { convertSecondsToFormattedTime } from '../../../util/date-time' - -const MetricChartComponent = ({ data, currentTick }) => { - const onExport = () => { - const div = document.createElement('div') - div.innerHTML = ReactDOM.renderToString( - <VictoryChartComponent data={data} currentTick={currentTick} showCurrentTick={false} /> - ) - div.firstChild.style = 'font-family: Roboto, Arial, sans-serif; font-size: 10pt;' - const svgSaver = new SvgSaver() - svgSaver.asSvg(div.firstChild, 'opendc-chart-export-' + Date.now() + '.svg') - } - - return ( - <div className="mt-1" style={{ position: 'relative' }}> - <strong>Load over time</strong> - <VictoryChartComponent data={data} currentTick={currentTick} showCurrentTick={true} /> - <ExportChartComponent onExport={onExport} /> - </div> - ) -} - -const VictoryChartComponent = ({ data, currentTick, showCurrentTick }) => ( - <VictoryChart height={250} padding={{ top: 10, bottom: 50, left: 50, right: 50 }}> - <VictoryAxis - tickFormat={(tick) => convertSecondsToFormattedTime(tick)} - fixLabelOverlap={true} - label="Simulated Time" - /> - <VictoryAxis dependentAxis label="Load" /> - <VictoryLine data={data} /> - <VictoryScatter data={data} /> - {showCurrentTick ? ( - <VictoryLine - labelComponent={<VictoryLabel renderInPortal angle={90} dy={-5} dx={60} />} - data={[ - { x: currentTick + 1, y: 0 }, - { x: currentTick + 1, y: 1 }, - ]} - labels={(point) => - point.y === 1 ? 'Current tick : ' + convertSecondsToFormattedTime(currentTick) : '' - } - style={{ - data: { stroke: '#00A6D6', strokeWidth: 4 }, - labels: { fill: '#00A6D6' }, - }} - /> - ) : undefined} - </VictoryChart> -) - -const ExportChartComponent = ({ onExport }) => ( - <button - className="btn btn-success btn-circle btn-sm" - title="Export Chart to PNG Image" - onClick={onExport} - style={{ position: 'absolute', top: 0, right: 0 }} - > - <span className="fa fa-camera" /> - </button> -) - -export default MetricChartComponent diff --git a/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js b/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js deleted file mode 100644 index b9717ac3..00000000 --- a/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js +++ /dev/null @@ -1,15 +0,0 @@ -import { connect } from 'react-redux' -import MetricChartComponent from '../../../../components/app/results/MetricChartComponent' - -const mapStateToProps = (state, ownProps) => { - const data = [] - - return { - data, - currentTick: state.currentTick, - } -} - -const LoadChartContainer = connect(mapStateToProps)(MetricChartComponent) - -export default LoadChartContainer |
