目录介绍：

• 1、echarts超出父容器范围和自适应的解决办法
• 2、echarts从后台获取的数据怎么分成两组
• 3、echarts的xAxis类型模式怎么设置宽度
• 4、echarts是做什么的？
• 5、echarts使用什么代码写的

echarts超出父容器范围和自适应的解决办法

给echarts图表设置 100% 宽高，父容器动态设置一个宽高时，echarts图表会占满不了父容器或者溢出父容器范围。

产生问题的原因是因为echarts图形只绘制一次,且绘制时自动获取父级大小填写宽度，然后改变容器宽高，导致echarts绑定的元素的宽度并不是最终的宽度，所以造成了获取到的结果并不是想要的。

解决办法是延迟加载，等父容器设置完宽高以后echarts再进行渲染：

echarts从后台获取的数据怎么分成两组

1、要把echarts从后台获取的数据，首先选中一列数据，然后点击页面上方的“数据”。

2、在数据菜单栏下，点击右边的“分列”选项。

3、在分列的第1步里，勾选“固定宽度”，然后点击“下一步”。

4、在分列的第2步里，在要分列的地方建立分列线，点击一下鼠标左键则可建立分列线，然后点击“下一步”。

5、在分列的第3步里，格式默认常规则可，然后点击“完成”。

6、则可成功的将该列数据分成两组了。

echarts的xAxis类型模式怎么设置宽度

控制echarts柱子的最大宽度方法：

选柱间距离（默认为柱形宽度的30%）,可设固定值 barCategoryGap : '20'等。

ECharts简介：

ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。

echarts是做什么的？

echarts是做数据统计。

1、 Echarts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11），Chrome，Firefox，Safari等。

2、底层依赖轻量级Canva+库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

3、ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。

扩展资料

echarts的优点：

1、国人开发，文档全，便于开发和阅读文档。

2、图表丰富，可以适用各种各样的功能。

echarts的缺点:

1、移动端使用略卡，毕竟是PC端的东西，移植到移动端肯定多多少少有些问题吧，或许跟自己水平也有一定的关系。

2、echarts不失为一款比较适合我们这种码农使用的框架。

3、echarts就不贴代码了。毕竟文档很全。

参考资料：ECharts官网-eCharts

echarts使用什么代码写的

直接上代码：demo下载百度网盘：代码：放2个div，取个id就行。引用写好的js。测试类型echarts代码：1、在BusinessJs/echarts.js中引用echarts及zrender：require.config({packages:[{name:'echarts',location:'./echarts/src',main:'echarts'},{name:'zrender',location:'./zrender/src',//zrender与echarts在同一级目录main:'zrender'}]});require(['echarts','echarts/chart/bar','echarts/chart/pie'],function(ec){varmyChart_Category=ec.init(document.getElementById('div_pieCategory'));varmyChart_Bar=ec.init(document.getElementById('div_bar'));SetTestStatisticsByCategory(ec,myChart_Category);SetTestStatisticsByBeginTime(ec,myChart_Bar);//设置点击事件varecConfig=require('echarts/config');myChart_Category.on(ecConfig.EVENT.PIE_SELECTED,function(param){varselected=param.selected;//debugger;varserieserie=optionpie_category.series[0];if(jQuery.inArray(true,selected[0])-1){for(vari=0;i