成都网站建设设计

将想法与焦点和您一起共享

报表怎么集成echarts官网

本篇内容介绍了“报表怎么集成echarts官网”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、成都做网站、网站设计、外贸营销网站建设易于使用并且具有良好的响应性。

第一步, echarts 官网找到自己需要的图形代码

我们以最简单的折线图为例

报表怎么集成echarts官网

我们可以看到核心处理代码在 option 中,option 里处理了 X 轴、Y 轴、系列。

第二步,润乾报表新建 echarts 统计图

右击单元格,选择第三方图形,我们就进入到了 echarts 配置页面,如下图所示:

报表怎么集成echarts官网

复制下面的代码到右侧 js 编辑区域:
echarts2 版本使用这个模板:

       
   require( [  'echarts',  'echarts/chart/line' ],  function (ec) {  var myChart = ec.init(document.getElementById('${id}'));  var option = {  };  myChart.setOption(option);  }  );

echarts4: