var myChart = echarts.init(document.getElementById('main'))
option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : [tagId],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
data:[temperature]
}
]
};
var tagId=[];//标签id
var temperature=[];//温度信息
$.ajax({
type:"post",
async:true, //异步请求:同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行
url:"${ctx}/temperatures/tblTemperatureLast/allTem.do",
data:{},
dataType:"json",
success:function(result){
//请求成功时执行该函数内容,result即为服务器返回的json对象
if(result!=null&&result.length>0){
for(var i=0;i<result.length;i++){
tagId.push(result[i].tagId);
temperature.push(result[i].temperature);
}
myChart.setOption({
xAxis:{
data:tagId
},
series:[{
name:'温度',
type:'bar',
data:temperature
}]
})
}
}
});
myChart.setOption(option);
Echarts通过json从数据库中提去数据,XY轴不显示...
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答
- cxy_Summer 2017-04-10 09:19关注
控制台输出一下你的temperature数组,看看里面是什么,还有你的x轴数据xAxis:{ data:tagId },看看是不是确定获取到了,ajax是异步刷新不会刷新整个页面,看看你的触发事件在哪里,可局部刷新
解决 无用评论 打赏 举报
悬赏问题
- ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
- ¥15 如何在scanpy上做差异基因和通路富集?
- ¥20 关于#硬件工程#的问题,请各位专家解答!
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯:Person is not mapped,如何解決?