<div id="main" style="width: 200px;height:200px;"></div>
这里的宽度和高度按Browser的大小设置试试
这里的宽度和高度按Browser的大小设置试试
<body> <div class="echarts_canvas" id="main" onclick=canvas_click()></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var option = { title : {text:"ECharts 入门示例"}, tooltip : {}, legend : {data:["<<ALLTRIM(tt.名称)>>"]}, xAxis : {data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]}, yAxis : {}, series : [{name:"<<ALLTRIM(tt.名称)>>",type:"bar",data:[<<tt.衬衫>>,<<tt.羊毛衫>>,<<tt.雪纺衫>>,<<tt.裤子>>,<<tt.高跟鞋>>,<<tt.袜子>>]}], //设置中间内容距离div的距离,也就是内边距 grid : {top:40, left:30, right:30, width:"auto", height:"auto"}, }; myChart.setOption(option); window.onresize = function () { myChart.resize(); //自动调整canvas的大小 } function canvas_click() { alert(123456); } </script> </body>