资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

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