Dashboard filtering, automatic tracking, chart rebuild & settings modal #40
@@ -219,9 +219,11 @@ export default function Chart({
|
|||||||
if (!chartContainerRef.current) return
|
if (!chartContainerRef.current) return
|
||||||
try {
|
try {
|
||||||
const { toPng } = await import('html-to-image')
|
const { toPng } = await import('html-to-image')
|
||||||
|
// Resolve the actual background color from the DOM (CSS vars don't work in html-to-image)
|
||||||
|
const bg = getComputedStyle(chartContainerRef.current).backgroundColor || (resolvedTheme === 'dark' ? '#171717' : '#ffffff')
|
||||||
const dataUrl = await toPng(chartContainerRef.current, {
|
const dataUrl = await toPng(chartContainerRef.current, {
|
||||||
cacheBust: true,
|
cacheBust: true,
|
||||||
backgroundColor: resolvedTheme === 'dark' ? 'var(--color-neutral-900)' : '#ffffff',
|
backgroundColor: bg,
|
||||||
})
|
})
|
||||||
const link = document.createElement('a')
|
const link = document.createElement('a')
|
||||||
link.download = `chart-${dateRange.start}-${dateRange.end}.png`
|
link.download = `chart-${dateRange.start}-${dateRange.end}.png`
|
||||||
|
|||||||
Reference in New Issue
Block a user