【HighCharts系列教程】五、版权属性——Credits

一、Credits属性说明

严格来讲,Credits并不算版权信息,官方的说法是:Highchart by default puts
a credits label in the lower right corner of the chart。

不管怎样的说法,在自己的图表加上HighCharts字样并有链接,这都图表的美观、专业性都是不好的。通过配置Credits属性,你可以去除或修改HighCharts版权信息。

二、Credits属性详解

参数 说明 默认值
enable 是否显示版权信息 true,也就是默认会显示
href 链接地址 http://www.highcharts.com
position 版权文字的位置 position: {
align: ‘right’, x: -10,
verticalAlign: ‘bottom’, y: -5
}
style 版权文字的样式 itemStyle: {
cursor: ‘pointer’,color: ‘#909090′,fontSize: ’10px’
}
text 版权文字 Highcharts.com

三、实例说明

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
            var chart;
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                    //HighCharts中chart属性配置
                  chart: {
                    renderTo: ‘highcharts_2_3‘,//div 标签
                    type: ‘column‘,//图表类型
                  },

                  credits : {
                        //enable:true,默认就为true,可以不配置
                        //如果想要去除版权(也就是不显示),只需要设置enable:false即可
                        href:‘http://www.52wulian.org‘,//链接地址
                        position: {                        //文字的位置
                            x:-30,
                            y:-30
                        },
                        style:{                            //文字的样式
                            color:‘red‘,
                            fontWeight:‘bold‘
                        },
                        text:‘我爱物联网‘                //文字
                  },
                  xAxis: {
                    categories: [‘1‘,‘2‘,‘3‘,‘4‘,‘5‘]
                  },
                  series: [{
                        name: ‘series1‘,
                       data: [2,4,5,9,2]
                   }]
                });
            });
            });
        </script>
    </head>
    <body>
        <script src="js/highcharts.js"></script>
        <script src="js/exporting.js"></script>
        <div id="highcharts_2_3" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
    </body>
</html>

四、效果截图

五、在线演示

演示地址:http://www.52wulian.org/test/HighCharts/highcharts_2_3_credits.html

六、源码下载

下载地址:http://pan.baidu.com/share/link?shareid=208619&uk=3087605183

时间: 2024-10-12 15:41:53

【HighCharts系列教程】五、版权属性——Credits的相关文章

C#微信公众号开发系列教程五(接收事件推送与消息排重)

微信公众号开发系列教程一(调试环境部署) 微信公众号开发系列教程一(调试环境部署续:vs远程调试) C#微信公众号开发系列教程二(新手接入指南) C#微信公众号开发系列教程三(消息体签名及加解密) C#微信公众号开发系列教程四(接收普通消息) C#微信公众号开发系列教程五(接收事件推送与消息排重) 在上一篇的博文中讲到,微信的消息可以大体分为两种类型,一种是包括:文本,语音,图片等的普通消息,另一种就是本篇要将的事件类型.包括:关注/取消关注事件,扫描带参数二维码事件,上报地理位置事件,自定义菜

MyBatis系列教程(五)-- 处理存储过程(Handle the Store Procedure)

所需要用到的其他工具或技术: 项目管理工具 : Maven 测试运行工具 : Junit 数据库 : Derby 本节需要用到的有2部分,第一部分是如何在Derby中创建存储过程,第二部分是如何在Mybatis中调用存储过程 一. 在Derby中创建存储过程 1.在Eclipse中创建一个新的普通java项目命名为Test_Store_Procedure 2.在com.freud.practice包下创建一个Class命名为StoreProcedureOperationClass.class p

【HighCharts系列教程】十、图例属性——legend

一.legend属性说明 Legend是HighCharts图表的图例属性,如图 默认情况下,HighCharts都会有图例,无特殊情况,默认即可满足需求,所以一般不用配置Legend属性. 二.lang属性详解 参数 说明 默认值 labelFormatter 显示函数,主要是调用该数据列的名字 labelFormatter: function() {return this.name;} backgroundColor 图例的背景颜色 null floating 是否随x,y轴浮动 false

【HighCharts系列教程】六、去除highCharts版权信息的几种方法

方法一:单个图表去除版权 设置Credits属性为不可用,也就是credits中enable=false,具体代码如下 <script type="text/javascript"> $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'pie', }, credits :

【HighCharts系列教程】一、认识Highcharts

一.什么是HighCharts HighCharts是网页报表工具,开发语言是Javascript HighCharts是一个简单易用.美观.跨平台.跨浏览器的图表工具 HighCharts支持图表的类型有:曲线图.柱状图.饼状图.区域图.散点图.综合图的各种图表需求.最新版2.3.5(截止2013/1/10)增加了各种仪表.时钟等类型图表 说了这么多,总之就是一句话,如果你有图表需求,选择HighCharts吧! 二.如何学习HighCharts 修改HighCharts自带的例子 了解Hig

kubernetes系列教程(五)初识核心概念pod

写在前面 前面的系列文章已介绍kubernetes架构,安装,升级和快速入门,读者通过文章的实操已对kubernetes已有初步的认识和理解,从本章开始逐步介绍kubernetes中的基础概念概念和核心概念,基础概念包括:namespace,labels,annotations,pods,volumes等:核心概念包含kubernetes中各种controller,包含以下几种: 应用副本控制器有:Deployments,ReplicaSets,DaemonSets,StatefulSets:

史上最详细的Android Studio系列教程五--Gradle命令详解与导入第三方包

Android Studio + Gradle的组合用起来非常方便,很多第三方开源项目也早都迁移到了Studio,为此今天就来介绍下查看.编译并导入第三方开源项目的方法. Sublime + Terminal编译并查看源码 首先来给大家介绍一种简便并且个人最喜欢的一种办法.很多时候我们在GitHub上看到一个不错的开源项目,一般有两种需求,阅读源码和查看运行效果,如果是单纯的查看源码我更喜欢用一些轻量级编辑器,如vim,sublime等,vim不是很熟练,所以个人一种都习惯用sublime来查看

Influx Sql系列教程五:insert 添加数据

接下来开始进入influxdb的curd篇,首先我们看一下如何添加数据,也就是insert的使用姿势 在进入本篇之前,对于不了解什么是retention policy, tag, field的同学,有必要快速过一下这几个基本概念,可以参考文后的系列教程 I. Insert 使用说明 基本语法 insert into <retention policy> measurement,tagKey=tagValue fieldKey=fieldValue timestamp 1. 基本写数据姿势 当m

【HighCharts系列教程】八、Html标签属性——Labels

一.labels属性说明 Labels属性允许在HighCharts图表的任意位置添加任意的html代码.可以实现许多自定义内容. 二.labels属性详解 参数 子参数 说明 默认值 items —- 一个html标签 —- —- html html代码 “” —- style 标签位置(只能是位置,其他css不行) style: {left: ’100px’,top: ’100px’} style —- 标签的颜色(这里的style和items中的style不同) style: {color