小白瞎搞--Highcharts图表显示不出来?可是是双引号的锅!

明明后台查询到的数据是符合highcharts的要求,但是图表却无法显示?

  1. 先打开浏览器的开发者模式,看看传的json格式和对应的图表要的data是否真的一致。
  2. 有可能写js代码的时候漏写括号等等

来看个实例:

series: [{
//仔细观察以后,我们可以发现

		name: 'Brands',
		colorByPoint: true,
		data: [{
			name: 'Chrome',
			y: 61.41,
			sliced: true,
			selected: true
		}, {
		//data 数据格式应该是name:‘name值’,y:数字
		//特别注意,这里的数字是没有双引号!!!
		
			name: 'Internet Explorer',
			y: 11.84
		}, {
			name: 'Firefox',
			y: 10.85
		}, {
			name: 'Edge',
			y: 4.67
		}, {
			name: 'Safari',
			y: 4.18
		}, {
			name: 'Sogou Explorer',
			y: 1.64
		}, {
			name: 'Opera',
			y: 1.6
		}, {
			name: 'QQ',
			y: 1.2
		}, {
			name: 'Other',
			y: 2.61
		}]
	}]

当从后台查询id为String的值时,后台传过来的值是这样的

data:name:'xiaobai',id:'121'
//但是图表要的是:
data:data:name:'xiaobai',id:121

仅仅因为一个单引号导致图表出不来不划算,但是id字段就是String类型怎么办?

这里提供个最简单的方法:
从查询的时候就把格式给转换好,这里使用CAST(id as integer)
例如:SSH中面象对象查询时 使用该函数CAST(id as integer)把某个String类型的值转成integer就可以了

//查询最高理赔金额和产品名称
	public List<Object> findLimitAndName() {
		String hql="SELECT bx_name,CAST(bx_limit as integer)  FROM Insurance";
		return (List<Object>) this.getHibernateTemplate().find(hql);
	}

这样发送的页面时的json格式为

data:name:'xiaobai',id:121
//就搞定了
data:data:name:'xiaobai',id:121

小白瞎搞,下次一定点赞!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值