首页 > 解决方案 > 如何将 Nivo 图表下载为 png

问题描述

我正在尝试制作一个按钮以将 Nivo 图表下载为图像,但似乎没有明显的方法可以做到这一点

我试过使用 react-download-svg 库,但这似乎不起作用

import React from 'react'
import BarChart from './BarChart'
import {Wrapper, Trigger} from 'react-download-svg'
function SavePng() {
    return (
        <div>
        <Wrapper>
                 <BarChart />
        </Wrapper>
        <div>
          <Trigger>Click to download</Trigger>
        </div>

      </div>
    )
}

export default SavePng
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

标签: javascriptreactjsnivo-react

解决方案


推荐阅读