js工具

1. highcharts 动态图

Highcharts的配置(或者说Highcharts代码)是一个json字符串,类似于{chart:{type:"spline"}},json具有易于人阅读和编写的特点,
所以学习和开发Highcharts并不难,只是熟悉API程度的问题。


Highcharts是一款开源图表库,开源但不完全免费。Highcharts针对个人用户及非商业用途免费,商业用途需要购买授权。

demo 例子:

https://github.com/xiaohuhuanxiang/js/tree/js/HighCharts

1) 学习:

http://www.hcharts.cn/

2) 入门:

http://www.hcharts.cn/docs/index.php?doc=index
demo演示  http://www.hcharts.cn/demo/index.php?p=99
demo例子 http://www.hcharts.cn/demo/highcharts.php
在线效果演示 http://code.hcharts.cn/demos/hhhhiG

3) api:

http://www.hcharts.cn/api/index.php

4) .js 加载

http://cdn.hcharts.cn/

2.  js工具及笔记

功能 描述
js画图 方法一:highcharts

方法二:echarts
js数组 //var a = [];// 创建数组
//a.push(1);
//a.push(1);// 添加到最后
 // alert(a);


 //var tmp=["aa","bb"];
js json解析
参考:http://www.cnblogs.com/worfdream/articles/1956449.html
JSON字符串转换为JSON对象


1. eval---js自带
  

var d= xmlHttp.responseText;

 var dataObj=eval("("+d+")");//转换为json对象

dataObj["字段"]

例如:

{
    "/boot": 0.08,
    "/home": 0.02,
    "/dev/shm": 0,
    "/": 0.27
}

读取:dataObj["/boot"]



2.   // var json =JSON.parse(d);


运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串
 document.ready和onload的区别——


JavaScript文档加载完成事件
一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。(ready 在onload 前加载!!!)

jQ简写版:
$(function(){
 // do something
});
jQ版:
$(document).ready(function(){
//do something
})


   

你可能感兴趣的:(js工具)