如何使用jquery的Highcharts

1，在首页导入其js

2，在需要显示的页面添加一个div：<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>

3，在需要显示的页面添加js代码：

var chart1; // globally available

$(document).ready(function() {

chart1 = new Highcharts.Chart({

chart: {

renderTo: 'chart-container-1',

defaultSeriesType: 'bar'

title: {

text: '图表'

xAxis: {

categories: ['Apples', 'Bananas', 'Oranges']

yAxis: {

title: {

text: '图标列名'

}

series: [{

name: 'Jane',

data: [5，6，7]

}]

});

$("tspan:last").hide();//注意，这个可以把广告删除掉，哈哈

});

</script>

转载于:https://www.cnblogs.com/yonge/archive/2012/04/06/2435424.html

如何使用jquery的Highcharts相关推荐

使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表
项目做了一个报表,可以实时的观察呼叫中心的电话访问量,之前的版本是使用JFreechart做的,使用一段时间后出现内存溢出,服务器的内存使用量会变得很大,所以改用Ajax前台加载数据的方式实现实时报表 ...
mysql 统计做饼状图_PHP+mysql+Highcharts实现饼状统计图
Mysql 首先我们建一张・chart_pie・表作为统计数据. -- edit http://www.lai18.com -- 表的结构 `chart_pie` -- CREATE TABLE IF ...
Highcharts 配置语法；Highcharts 配置选项详细说明
Highcharts 配置语法本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置. 第一步:创建 HTML 页面创建一个 HTML 页面,引入 jQuery 和 Highchar ...
matlab中等高图_高图– jQuery的更深入实践
matlab中等高图 Highcharts – deeper practice for real statistics Everyone of us can face with a situation ...
Flask 结合 Highcharts 实现动态渲染图表
最近动态图表可以说火爆全网,我们当然可以通过很多第三方工具来实现该功能,既方便又美观.可是作为折腾不止的我们来说,有没有办法自己手动实现一个简易版的呢,答案当然是肯定的,今天我们就先来看一看如何基于 ...
webpack 打包
webpack 中每个模块有一个唯一的 id,是从 0 开始递增的. 整个打包后的 bundle.js 是一个匿名函数自执行. 参数则为一个数组.数组的每一项都为个 function. functio ...
ssm毕设项目焦虑自测与交流平台k43cf（java+VUE+Mybatis+Maven+Mysql+sprnig）
ssm毕设项目焦虑自测与交流平台k43cf(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + H ...
SSM毕设项目超市会员卡管理系统dq469（java+VUE+Mybatis+Maven+Mysql）
SSM毕设项目超市会员卡管理系统dq469(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilder ...
springboot毕设项目东莞汉庭酒店的酒店管理系统的设计与实现4ccnv（java+VUE+Mybatis+Maven+Mysql）
springboot毕设项目东莞汉庭酒店的酒店管理系统的设计与实现4ccnv(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + ...

如何使用jquery的Highcharts

如何使用jquery的Highcharts相关推荐

最新文章

热门文章