1
0
Fork 0
freesewing/packages/react/components/Echart/index.mjs
Joost De Cock 51dc1d9732
[breaking]: FreeSewing v4 (#7297)
Refer to the CHANGELOG for all info.

---------

Co-authored-by: Wouter van Wageningen <wouter.vdub@yahoo.com>
Co-authored-by: Josh Munic <jpmunic@gmail.com>
Co-authored-by: Jonathan Haas <haasjona@gmail.com>
2025-04-01 16:15:20 +02:00

21 lines
595 B
JavaScript

import React from 'react'
import * as _echarts from 'echarts'
import ReactECharts from 'echarts-for-react'
import { Popout } from '@freesewing/react/components/Popout'
export const echarts = _echarts
echarts.registerTheme('light', {
backgroundColor: 'transparent',
})
echarts.registerTheme('dark', {
backgroundColor: 'transparent',
})
export const ChartWrapper = ({ option = false, theme = 'light', h = 400 }) => {
return option ? (
<ReactECharts option={option} className="class_2" theme={theme} style={{ height: h }} />
) : (
<Popout loading>Loading chart...</Popout>
)
}