reactjs+echarts实现绘图

最新推荐文章于 2024-06-22 16:50:41 发布

tonyhzw

最新推荐文章于 2024-06-22 16:50:41 发布

阅读量7.8k

点赞数 1

分类专栏： js-demo web开发文章标签： reactjs echarts 绘图

本文链接：https://blog.csdn.net/datou0529/article/details/51747261

版权

本文分享了在ReactJS中使用ECharts进行绘图时遇到的问题及解决方案，包括代码实现细节和ECharts对容器尺寸的要求，帮助开发者避开常见坑点。

摘要由CSDN通过智能技术生成

最近手头需要实现reactjs下echarts的绘图，发现不少坑，现整理如下。
首先贴好代码如下，注意其中数据传递

        var Hello = React.createClass({
         componentDidMount:function(){
   
           console.log(this.props.data);
           this.drawCharts(this.props.data);
         },
         drawCharts:function(dataSet){
   
         var myChart = echarts.init(document.getElementById('charts'));

           // 指定图表的配置项和数据
           var option =