jquery图表统计插件-highcharts详解

代码实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>渠道流量统计</title><!--引入jquery插件--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><!--引入highchart插件--><script src="http://www.cnblogs.com/js/highcharts.js"></script><!--引入highchart主题--><script src="http://www.cnblogs.com/js/modules/exporting.js"></script><!--调用数据，生成chart--><script type="text/javascript"> var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: {  //整体控制renderTo: 'container',  //图表容器的DIVbar:横向条形图defaultSeriesType: 'line', //可选，默认为line【line:折线;spline:平滑的线;area:区域图;bar:曲线图;pie:饼图;scatter:点状图等等;marginRight: 130, //外边距控制 (上下左右空隙)marginBottom: 25  //外边距控制
                    }, title: { text: '渠道流量统计', //主标题x: -20            //标题相对位置  默认居中
                    },subtitle: {text: '趋势图',//副标题x: 60           //标题相对位置
                    },xAxis: {          //x轴数据categories: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'] }, yAxis: {          //y轴数据
                        title: { text: '标量' }, plotLines: [{  //标线value: 0, width: 1, color: '#808080' }] }, tooltip: {        //数据点的提示框
                        formatter: function () { return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y; }  //formatter需要一个回调函数，可以通过this关键字打点得到当前一些图表信息
                    }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -10, y: 100, borderWidth: 0 }, series: [{   //数据数组,json格式中name为这组数据的名字，data为这组数据的数组name: '渠道一', data: [2,7,9,25,31,32,9] }, { name: '渠道二', data: [6,14,19,23,25,32,12] }, { name: '渠道三', data: [7,16,17,20,25,26,4] }, { name: '渠道四', data: [7,16,18,24,28,29,6] }, { name: '渠道五', data: [9, 10, 12, 16, 18, 32, 15] }]});});</script>
</head>
<body style=""><!-- 装载图表的容器 --> <div id="container" style="width: 100%; height: 500px;"></div>
</body>
</html>

问题：

如何去掉右下角的http:// www.highcharts.com标识：

在highcharts.js中找到：-----------------------------------------------
   credits: {enabled: true,text: 'Highcharts.com',href: 'http://www.highcharts.com',position: {align: 'right',x: -10,verticalAlign: 'bottom',y: -5}
===============================================只要改掉这个地方就行了，或者直接取消，enabled:false或者===============================================    text: 'yourself.com',href: 'http://www.yourself.com',

----------------------------------------------

转自：http://djw0101.iteye.com/blog/1235005

jquery图表统计插件-highcharts详解相关推荐

JQuery上传插件Uploadify详解及其中文按钮解决方案
网上找了一天,大家都说Uploadify唯一的缺点就是不支持中文按钮,杯具之前,我看了下Uploadify的API,才发现了几个参数没被大家提及的,这正是解决此问题的关键.(以后坚决养成没事就看API ...
jQuery的Flot图表统计插件集成
jQuery的Flot图表统计插件集成这应该是在这的最后一次写经验分享文档了,一直以来是想从自己做起,影响带动身边的同事的,不过貌似大家都很不喜欢写分享文档,有时候不经感叹中国的技术发展之所以慢也想 ...
jQuery form插件使用详解
点击打开: jquery选择器全解 jquery中的style样式操作 jquery中的DOM操作 jquery中的事件操作全解 jquery中的动画操作全解 jquery中ajax的应用自定义jq ...
fullPage教程 -- 整屏滚动效果插件 fullpage详解
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训教程,主要介绍:fullPage教程 -- 整屏滚动效果插件 fullpage详解 1. ...
fileupload的回调方法_jQuery File Upload文件上传插件使用详解
本篇教程介绍了jQuery File Upload文件上传插件使用详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < jQuery File Upload 是一个 ...
logstash过滤器插件filter详解及实例
原创作者:峰哥ge 原创地址: https://www.cnblogs.com/FengGeBlog/p/10305318.html logstash过滤器插件filter grok正则捕获 grok ...
雪碧图PHP,Webpack中雪碧图插件使用详解
背景在开发过程中,我们需要用到很多图标,这些图标的大小不是很大,但是每次需要向服务器发送请求,从而加重服务器的负担,尤其是当网站处于高访问量的情况下或网络不稳定的时候,服务器性能会明显下降.这种情况 ...
怎么往integer型数组添加数据_用户日活月活怎么统计 - Redis HyperLogLog 详解
HyperLogLog 是一种概率数据结构,用来估算数据的基数.数据集可以是网站访客的 IP 地址,E-mail 邮箱或者用户 ID. 基数就是指一个集合中不同值的数目,比如 a, b, c, d 的 ...
导出jar插件_Fluttify输出的Flutter插件工程详解
系列文章: yohom:Fluttify输出的Flutter插件工程详解zhuanlan.zhihu.com yohom:开发Flutter插件必备原生SDK->Dart接口生成引擎`Flut ...

jquery图表统计插件-highcharts详解

jquery图表统计插件-highcharts详解相关推荐

最新文章

热门文章