Highcharts 对数组的要求
    function Reflush(phaid,proid) {
        $.post('GetProjectSummer.ashx', { proid: proid, phaid: phaid }, function (data) {
            var serverData = $.parseJSON(data);
            //清空DIV
            document.getElementById('con').innerHTML = "";
            for (var i = 0; i < serverData.length; i++) {
                $('<div id="container' + i + '" style="width: 45%; height: 400px; margin: 0 auto; float:left"></div>').appendTo('#con');
                var arr1 = serverData[i].CreateTime.split(',');
                var arr2 = serverData[i].Used.split(',');
                var arr3 = new Array(arr2.length);
                //直接用arr2无法识别,将字符串数组转换成数字数组
                for (var j = 0; j < arr2.length; j++) {
                    arr3[j] = parseInt(arr2[j].replace("]", "").replace("[", ""));
                }
                //自动绑定DIV
                $('#container'+i).highcharts({
                    title: {
                        text: serverData[i].ProName
                    },
                    subtitle: {
                        text: serverData[i].PhaName
                    },
                    xAxis: {
                        categories: arr1,
                        title: {
                            text: '日期'
                        }
                    },
                    yAxis: {
                        title: {
                            text: serverData[i].Name + '使用量'
                        },
                        plotLines: [{
                            value: 0,
                            width: 1,
                            color: '#808080'
                        }]
                    },
                    tooltip: {
                        valueSuffix:''
                    },
                    plotOptions: {
                        spline: {
                            marker: {
                                enabled: true
                            }
                        }
                    },
                    series: [{
                        name:serverData[i].Name,
                        data: arr3
                    }]
                });
            }
        });
    }
Highcharts 对数组的要求的更多相关文章
- 生成highcharts报表时对数据没有用= eval('([' + seriesArray+ '])')处理生成数组,而是简单的拼成字符串,结果导致大量的场景出现
		<script type="text/javascript"> //异步初始周达成率趋势图信息 function goFinishQuery() { var yearN ... 
- Highcharts使用二维数组生成图表
		Highcharts使用二维数组生成图表 二维数组是更为灵活的一种数据存储方式.在Highcharts中.能够使用配置项column和rows二维数组.对于使用columns构建的二维数组,Highc ... 
- highCharts怎样实现json数组数据的图形展示
		昨天花了一天的时间学习了一下highcharts.主要的内容差点儿相同都看了一遍,然后试着写了一个完整的demo,期间可谓百转千回.费了不少功夫.终于还是实现了我所想要的效果图,接下来我将怎样实现统计 ... 
- highcharts .net导出服务 和 两种导出方式
		highcharts 的Net导出服务 GitHub上整理的https://github.com/imclem/Highcharts-export-module-asp.net 引用两个程序集 sh ... 
- [转]推荐highcharts学习网址
		highcharts学习网址1:http://www.hcharts.cn/docs/index.php?doc=basic(百度highcharts中文教程即可) highcharts学习网址2:h ... 
- highcharts基本配置和使用highcharts做手机端图标
		使用highcharts三个理由:1>手机适配2>大数据的支持3>svg的优势缺点:不开源.学习资料少 官方有基本的常规用法,一般都是基于jquery写的例子,也可以自己封装函数,用 ... 
- Highcharts——让你的网页上图表画的飞起
		Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图.曲线图.面积图.柱状图.饼图.散点图等多达 ... 
- Highcharts 总结
		一.Highcharts series属性 1.下面是一个基本曲线图的例子: <html> <head> <meta charset="UTF-8" ... 
- Highcharts使用教程(1):制作简单图表
		今天我们要使用JavaScript图表Highcharts制作简单的柱形图,我们已经安装好Highcharts,让我们开始制作图表吧. 步骤一 在网页中添加一个div.设置id,设置图表长.高.代码如 ... 
随机推荐
- UML学习(类图和序列图等)
			visio绘制UML图使用visio 提示此UML形状所在的绘图页不是UML模型图的一部分 请问这个问题怎么解决?新建->选择绘图类型->选择软件与数据库模板->选择UML模型图-& ... 
- VMware Workstation pro 12下载以及序列号
			VMware Workstation 12序列号:下载地址:https://download3.vmware.com/software/wkst/file/VMware-workstation-ful ... 
- [mysql] mysql 5.6.X 慢查询日志
			慢查询日志 一篇好文章,学习保存.... 打开慢查询日志 慢查询日志,顾名思义就是记录执行比较慢查询的日志. 查看是否开启慢查询日志: show variables like '%slow%'; 打开 ... 
- phpcms日期时间
			PHPCMS V9调用时间标签 |日期时间格式化 转载 2016-06-17 14:58:54 标签:php PHPCMS V9 如何调用时间标签,下面分享常见的调用时间标签 |日期时间格式化 1.日 ... 
- Debian 环境下安装Tomcat记录
			1.安装JAVA运行环境 Debian默认带了OpenJDK,有人说不好用,我没有验证就从ORACLE官网上下载了最新的JDK安装包,直接解压并设置环境变量就行了: # tar zxvf jdk-8u ... 
- (转)C# 使用BackgroundWorker
			本文转载自:http://blog.csdn.net/andrew_wx/article/details/6615077 该例子为使用BackgroundWorker在TextBox文本中产生一个10 ... 
- android学习笔记25——事件处理Handler
			Handler消息传递机制 ==> android消息机制是另一种形式的“事件处理”,这种机制主要是为了解决android应用的多线程问题. ——android平台不允许Activity新启动的 ... 
- 启动Memcache,出现memcached: error while loading shared libraries: libevent-1.4.so.1: cannot open shared
			1.有可能是装了多个 libevent而导致memcache无法识别哪一个,解决方法就是卸载掉一个libevent 2.只安装了一个libevent,但是也报这个错,解决方法 32位系统下:ln ... 
- 【sql】之使用sql根据身份证查询过生日人数
			根据当前日期查询有多少人过生日 ,) = DATE_FORMAT(NOW(),'%m'); 查询price一样的人数 select * from people where price in (sele ... 
- [linux basic]--线程
			/************************************************************************* > File Name: thread1.c ... 
