highchart接收后台数据用法

最近做数据分析的时候使用了highchart这个插件，从后台中接收数据的时候出了一些问题，记录下来免得以后忘了。

$(function () {var list = {$weeklist};var weekobj1 = eval(list);var  week="";//alert(obj1.length);for(var i=0;i<weekobj1.length;i++){week = week+"\'"+weekobj1[i].weekname+"\',";}//console.log(week);week = "["+week+"]";var weekobj = eval(week); //缺勤次数var count1 = {$weekcount};var weekcountobj1 = eval(count1);var  weekcount="";for(var i=0;i<weekcountobj1.length;i++){weekcount = weekcount+weekcountobj1[i].count+",";}console.log(weekcount);weekcount = "["+weekcount+"]";var weekcountobj = eval(weekcount); $('#container').highcharts({chart: {type: 'column'},title: {text: '{$name}各周缺勤次数'},xAxis: {categories: weekobj},yAxis: {min: 0,title: {text: '次数'}},tooltip: {headerFormat: '<span style="font-size:10px">{point.x}:</span><table>',pointFormat: '<tr><td style="padding:0"><b>{point.y:.if}</b></td></tr>',footerFormat: '</table>',shared: true,useHTML: true},plotOptions: {column: {pointPadding: 0.2,borderWidth: 0}},credits: {  enabled: false
},  series: [{name: '123',id:'test',data: weekcountobj}]});var chart = $('#container').highcharts();$(".highcharts-legend-item").hide();

问题其实很简单，highchart接收数据时候只能是javascript对象不是javascript字符串，所以要使用eval进行转换。标红部分

转载于:https://www.cnblogs.com/icysnow/p/5279631.html

highchart接收后台数据用法相关推荐

接收后台数据并向后台发送数据
一.省市区(接收后台数据,省市区有单独的接口) 在省市写change方法,传参,通过parmas拿到传的参数 <el-select v-model="form.province&quo ...
用ajax接收后台数据里的具体数据,ajax动态接收后台向后台传输数据以及接收数据...
aj用,事少来最差端在事路原们这制码效移,动ax部分,接收后台发送的数据,要按照json格式将数据朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏拼接好 unction save() ...
axios访问后台404_使用 axios 后台无法接收到数据的解决方案
如果想看排错思路的,可以看完踩坑经历,想直接要结果的,可以直接看解决方案. 踩坑经历最近我在使用 SSM + Vue 做自己的小项目.Dao层和 Service层之类的代码已经写好了,就差 Co ...
ssm附件上传时（mutilpart/form-data）后台接收其他数据为空
今天在做附件上传时,先用ajax的附件提交,图片回显后,在用form的提交,发现前台form表单提交的数据,后台接收时数据为空.如图: 效果图 ajaxSumit: 后台解决办法 Multipart ...
php程序访问mysql数据实现查询_PHP+MySql实现后台数据的读取
我们使用的是PHP的php_mysqli扩展首先了解一些基础的用法 1.连接数据库使用 mysqli_connect() 参数:①主机地址 ②MYSQL用户名 ③MYSQL密码 ④选择连接的数据库 ...
ExtJs 和后台数据的交互方式
1.数据源store store通常是作为grid,tree-的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回 ...
ajax实现highchart与数据库数据结合完整案例分析（三）---柱状折线图
作者原创,未经博主允许,不可转载在前面分析和讲解了用java代码分别实现饼状图和折线图,在工作当中,也会遇到很多用ajax进行异步请求实现highchart. 先展示一下实现的效果图: 用ajax ...
上拉加载更多后台数据_6-7【微信小程序全栈开发课程】记录页面（七）--分页加载记录数据...
现在是一次性加载所有的记录数据,数据多的时候,会加载比较慢,所以我们改成分页加载,一次最多加载15条数据每次拉倒底部都会自动加载下一页的数据,知道所有的数据加载完成 1.添加data变量编辑rec ...
ajax文件后台提交,有关文件上传非ajax提交得到后台数据问题
下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示: .......... 根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美. 但是如果需要上传文件 ...

highchart接收后台数据用法

highchart接收后台数据用法相关推荐

最新文章

热门文章