Echarts问题求解!

清晨v 2015-12-10 03:24:11
我页面上的放图表的div不是固定的,css样式position: fixed; 但是出来的图挤压在一起,如下图,有时候等一会他也能出来,大部分时间都是像下图一样,求解!


代码如下,addEcharts 里面的完全是通过Echarts官方参考文档中copy进来的,

function refreshServer()
{

var serverIds = $("#serverIds").val();
if(serverIds.length<=0)return;
$.ajax({

type : "get",
url:"monitor/refreshServerInfo",
cache : false,
async : true,
data:{serverIds:serverIds},
success : function(data) {
var serverStatus = JSON.parse(data);
$.each(serverStatus,function(index,info){

addEcharts("cpu_"+info.serverId,$("#gauge_"+info.serverId));

});

},
error:function()
{
$.messager.alert("错误","服务器异常,请重新刷新页面!","error");
if(time1!=null)
clearInterval(time1);

}
});
}



function addEcharts(guaId,obj)
{
require.config({
paths: {
echarts: 'js/core/echarts-2.2.7/build/dist'
}
});

// 使用
require(
[
'echarts',
'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById(guaId));

var option = {
tooltip: {
show: true
},
legend: {
data:['销量']
},
xAxis : [
{
type : 'category',
data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
"name":"销量",
"type":"bar",
"data":[5, 20, 40, 10, 10, 20]
}
]
};
// 为echarts对象加载数据
myChart.setOption(option);

}
);

}
...全文
118 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2015-12-11
  • 打赏
  • 举报
回复
div设置了高度宽度没有?没有设置一个

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧