本文实例讲述了jQuery插件HighCharts实现的2D对数饼图效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D对数轴饼图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript"> $(function(){$(#logarithmicPieChart).hi...
本文实例讲述了jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D柱状图、折线图和饼图的组合图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript">$(fu...
本文实例讲述了jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D柱状图、折线图的组合双轴图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript">$(functi...
本文实例讲述了jQuery插件HighCharts绘制2D带Label的折线图效果。分享给大家供大家参考，具体如下： 1、示例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D带Label的折线图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript">$(function(){$(#lineDefaultCha...
本文实例讲述了jQuery插件HighCharts绘制的基本折线图效果。分享给大家供大家参考，具体如下： 1、 实例源码： <!DOCTYPE html> <html><head><title>HighCharts基本折线图</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/highcharts.js"></script><script type="text/javascrip...
本文实例讲述了jQuery插件FusionCharts实现的2D面积图效果。分享给大家供大家参考，具体如下： 1、实现代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>FusionCharts2D面积图</title><script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript" src="fusioncharts/fu...
本文实例讲述了jQuery插件FusionCharts实现的2D柱状图效果。分享给大家供大家参考，具体如下： 1、实现代码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>FusionCharts最新FusionCharts2D柱状图</title><script type="text/javascript" src="jquery-1.7.2.min.js" ></script><script type="text/javascript" src="FusionCharts/fusioncharts.js" ></script><script>FusionCharts.ready(function(){var columnChart...
本文实例讲述了jQuery插件echarts实现的循环生成图效果。分享给大家供大家参考，具体如下： 1、问题背景： 利用for循环生产多个气泡图，并且每个气泡都可以点击 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-循环生成图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html,#div-chart{...
本文实例讲述了jQuery插件echarts实现的去掉X轴、Y轴和网格线效果。分享给大家供大家参考，具体如下： 1、问题背景： 如何在echarts中，去掉X轴、Y轴和网格线，只留数据图形 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-去掉X轴、Y轴和网格线</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><scrip...
前言 相信贪吃蛇的游戏大家都玩过。在那个水果机还没有流行，人手一部诺基亚的时代，贪吃蛇是手机中的必备游戏。笔者闲的无聊的时候就拿出手机来玩上几局，挑战一下自己的记录。后来上大学了，用c语言做过贪吃蛇的游戏，不过主要是通过函数来控制（PS：现在让我看代码都看不懂(⊙﹏⊙)）。现在学习前端框架之后，通过jQuery来实现一个贪吃蛇的游戏效果，虽然游戏界面比（bu）较（ren）简（zhi）陋（shi），但是主要学习一下游戏中面...
本文实例讲述了jQuery插件echarts实现的多折线图效果。分享给大家供大家参考，具体如下： 1、问题背景： 设计一个折线图，折线图展示苹果、香蕉的销售量 2、实现代码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-多折线图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html{width: 99%;height: 9...
本文实例讲述了jQuery插件Echarts实现的双轴图效果。分享给大家供大家参考，具体如下： 1、问题描述： 利用Echarts制作一个折线图，条件是：三条折线，一条代表可利用率，另外两条代表数量。 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-双轴图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><sty...
本文实例讲述了jQuery插件echarts实现的多柱子柱状图效果。分享给大家供大家参考，具体如下： 1、问题背景： 利用ECharts制作一个多柱子柱状图，其中数据源模拟动态获取 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-多柱子柱状图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html{w...
本文实例讲述了jQuery插件FusionCharts绘制的3D饼状图效果。分享给大家供大家参考，具体如下： 1、实现源码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>最新版FusionCharts3D饼图</title><script src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/fusioncharts.js" ></script><style>body,html{width: 99%;height: 98%;font-family: "微软雅黑";font-size: 12px;}</style><script>$...
本文实例讲述了jQuery插件FusionCharts实现的2D饼状图效果。分享给大家供大家参考，具体如下： 1、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>FusionCharts2D饼图</title><script src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/fusioncharts.js" ></script><style>body,html{width: 99%;height: 98%;font-family: "微软雅黑";font-size: 12px;}</style><script>$(doc...