成都网站建设设计

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

报表怎么集成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: