lychiyu/bbgo_origin
1
0
Fork 0
mirror of https://github.com/c9s/bbgo.git synced 2024-09-20 00:01:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve time range slider format

Browse Source
This commit is contained in:
c9s 2022-06-27 14:05:08 +08:00
parent 94a70f4fbe
commit 1987f8c55d
No known key found for this signature in database
GPG Key ID: 7385E7E464CB0A54
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/backtest-report/components/TradingViewChart.tsx
View File

@ -7,6 +7,9 @@ import {Checkbox, Group, SegmentedControl, Table} from '@mantine/core';
import {createChart, CrosshairMode, MouseEventParams, TimeRange} from 'lightweight-charts';
import {ReportSummary} from "../types";
import moment from "moment";
import {format} from 'date-fns';
// See https://codesandbox.io/s/ve7w2?file=/src/App.js
import TimeRangeSlider from './TimeRangeSlider';
const parseKline = () => {
@ -553,7 +556,9 @@ const TradingViewChart = (props: TradingViewChartProps) => {
return () => {
console.log("removeChart")
resizeObserver.current.disconnect();
if (resizeObserver.current) {
resizeObserver.current.disconnect();
}
if (chart.current) {
chart.current.remove();
@ -588,6 +593,8 @@ const TradingViewChart = (props: TradingViewChartProps) => {
<TimeRangeSlider
selectedInterval={selectedTimeRange}
timelineInterval={timeRange}
formatTick={(ms : Date) => format(new Date(ms), 'M d HH')}
step={1000 * parseInterval(currentInterval)}
onChange={(tr: any) => {
console.log("selectedTimeRange", tr)
setSelectedTimeRange(tr)