请选择 进入手机版 | 继续访问电脑版

react中使用echarts

[复制链接]
黎平 发表于 2020-12-31 20:23:34 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
最近再学习react,今天写了react中使用echarts,现在分享给各人,希望对您能有所帮助!欠好的话,勿喷!!!
代码如下:
  1. import React, { Component } from 'react'import * as echarts from 'echarts'export default class Statics extends Component {  state = {    data: [820, 563, 903, 743, 678, 873, 467]  }  initCharts = () => {    let myChart = echarts.init(document.getElementById('myChart'));    myChart.setOption({      title: {        text: '测试'      },      tooltip: {        trigger: 'axis'      },      xAxis: {        type: 'category',        data: [1, 2, 3, 4, 5, 6, 7]      },      yAxis: {        type: 'value'      },      series: [{        data: this.state.data,        type: 'line'      }]    });    window.addEventListener("resize", function () {      myChart.resize();    })  }  componentDidMount() {    this.initCharts();  }  render() {    return (              
  2.       
  3.     )  }}
复制代码

 

来源:https://blog.csdn.net/qq_39436399/article/details/111919858
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )