import React from 'react'
import ReactEcharts from 'echarts-for-react';
const category = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
class Echarts extends React.Component{
render(){
const getImage = () => {
//取单个
let echarts = this.refs.echarts
let base = echarts.getEchartsInstance()
let base64 = base.getDataURL()
console.log(base64,'baseCanvas')
//如果图表是循环出来的,给每一个图表指定一个唯一的ref
let echarts = this.refs
let echartsName = []
let echartsData = []
for(let item in echarts){echartsName.push(item)}
echartsName.map(item=>{
let base = echarts[item].getEchartsInstance()
let base64 = base.getDataURL()
let obj = {
base64: base64
}
echartsData.push(obj)
})
console.log(echartsData,'baseCanvas')
}
return (
<div>
<div onClick={getImage}>获取图片</div>
<ReactEcharts ref="echarts" notMerge={true} option={category} />
</div>
)
}
}