echarts总是独占一行（bootstap布局），无法实现两个图形并列

  <div class="row">
    <div class="col-md-6">
        <div class="echarts" id="main1"/>
    </div>
    <div class="col-md-6">
        <div class="echarts" id="main2"/>
    </div>
</div>

这个很好调的，楼上说的不完全对，你 要把两个col-md-6都设为width:50%;float:left;overflow:hidden;
然后给echarts的div设置宽度100%，echarts的图形的大小宽度是都是可以调的

调整的不是Echart的大小,而是Echart父容器div的大小

标签补全来，div不是单标签不能那样写，浏览器解析错误了

  <div class="echarts" id="main1"/>
 ==>
  <div class="echarts" id="main1"></div>

标签没有闭合吧 老铁

在你.setOption(option);之后加上
window.addEventListener("resize", function () {
myChartX.resize();
myChartC.resize();
});
便charts随浏览器的比例缩放了

你好，请问最后是怎样解决的

请问一下，作者解决这个问题没有？我现在也遇到这个情况

  <div class="row">
    <div class="col-md-6" style="float:left;">
        <div class="echarts" id="main1"/>
    </div>
    <div class="col-md-6" style="float:right;">
        <div class="echarts" id="main2" />
    </div>
</div>