From 8739a156b75ba96e15d1bb19b08ca829c1eb01e8 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Wed, 22 Jul 2020 13:25:53 +0200 Subject: Remove old charting library --- .../components/app/results/MetricChartComponent.js | 67 ---------------------- .../app/sidebars/elements/LoadChartContainer.js | 15 ----- 2 files changed, 82 deletions(-) delete mode 100644 frontend/src/components/app/results/MetricChartComponent.js delete mode 100644 frontend/src/containers/app/sidebars/elements/LoadChartContainer.js (limited to 'frontend/src') 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( - - ) - 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 ( -
- Load over time - - -
- ) -} - -const VictoryChartComponent = ({ data, currentTick, showCurrentTick }) => ( - - convertSecondsToFormattedTime(tick)} - fixLabelOverlap={true} - label="Simulated Time" - /> - - - - {showCurrentTick ? ( - } - 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} - -) - -const ExportChartComponent = ({ onExport }) => ( - -) - -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 -- cgit v1.2.3