ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Исправлена работа TVD

Browse Source
This commit is contained in:
goodmice 2022-06-15 10:12:21 +05:00
parent 81961a92d0
commit 747f15095a
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/WellOperations/Tvd/index.jsx
View File

@ -148,7 +148,7 @@ const Tvd = memo(({ idWell: wellId, title, ...other }) => {
) )
}, [idWell]) }, [idWell])
useEffect(() => { const chartData = useMemo(() => {
const withoutNpt = [] const withoutNpt = []
operations?.fact?.forEach((row) => { operations?.fact?.forEach((row) => {
if (row?.isNPT !== false) return if (row?.isNPT !== false) return
@ -160,39 +160,41 @@ const Tvd = memo(({ idWell: wellId, title, ...other }) => {
}) })
}) })
const data = { datasets: [ return { datasets: [
makeDataset(operations?.fact, 'Факт', '#0A0', 3), makeDataset(operations?.fact, 'Факт', '#0A0', 3),
makeDataset(operations?.predict, 'Прогноз', 'purple', 1, [7, 3]), makeDataset(operations?.predict, 'Прогноз', 'purple', 1, [7, 3]),
makeDataset(operations?.plan, 'План', '#F00', 3), makeDataset(operations?.plan, 'План', '#F00', 3),
makeDataset(withoutNpt, 'Факт без НПВ', '#00F', 3) makeDataset(withoutNpt, 'Факт без НПВ', '#00F', 3)
]} ]}
}, [operations])
if (chartRef.current && !chart) { useEffect(() => {
const thisOptions = {} if (!chartRef.current) return
Object.assign(thisOptions, defaultOptions) const options = {}
thisOptions.onClick = onPointClick Object.assign(options, defaultOptions)
thisOptions.scales.x = scaleTypes[xLabel]
thisOptions.parsing.xAxisKey = xLabel
const newChart = new Chart(chartRef.current, { const newChart = new Chart(chartRef.current, {
type: 'line', type: 'line',
plugins: [ChartDataLabels], plugins: [ChartDataLabels],
options: thisOptions, options: options,
data: data data: { datasets: [] },
}) })
setChart(newChart) setChart(newChart)
return () => chart?.destroy() return () => newChart?.destroy()
} else { }, [chartRef])
chart.data = data
chart.options.scales.x = scaleTypes[xLabel] useEffect(() => {
chart.options.parsing.xAxisKey = xLabel if (!chart) return
chart.update() chart.data = chartData
// Обнуление ширины необходимо для уменьшения размена при resize после появления элементов chart.options.onClick = onPointClick
chart.canvas.parentNode.style.width = '0' chart.options.scales.x = scaleTypes[xLabel]
chart.resize() chart.options.parsing.xAxisKey = xLabel
} chart.update()
}, [chart, operations, xLabel, onPointClick, other]) // Обнуление ширины необходимо для уменьшения размена при resize после появления элементов
chart.canvas.parentNode.style.width = '0'
chart.resize()
}, [chart, chartData, xLabel, onPointClick])
const toogleTable = useCallback(() => { const toogleTable = useCallback(() => {
setOperations(pre => ({ ...pre })) setOperations(pre => ({ ...pre }))