src/components/sidebars/elements/LoadChartComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import React from "react";
import {VictoryChart, VictoryLine, VictoryScatter} from "victory";

const LoadChartComponent = ({data, currentTick}) => (
    <VictoryChart height={300}>
        <VictoryLine
            data={data}
        />
        <VictoryScatter
            data={data}
            size={5}
        />
        <VictoryLine
            data={[
                {x: currentTick + 1, y: 0},
                {x: currentTick + 1, y: 1},
            ]}
            style={{
                data: {stroke: "#00A6D6", strokeWidth: 3}
            }}
        />
    </VictoryChart>
);

export default LoadChartComponent;