• 注册
当前位置:1313e > html >正文

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

一、labels属性说明

Labels属性允许在HighCharts图表的任意位置添加任意的html代码。可以实现许多自定义内容。

二、labels属性详解

 

参数子参数说明默认值
items—-一个html标签—-
—-htmlhtml代码“”
—-style标签位置(只能是位置,其他css不行)style: {
left: ’100px’,
top: ’100px’
}
style—-标签的颜色(这里的style和items中的style不同)style: {
color: ‘#3E576F’

 

三、实例说明

 

 http-equiv="content-type" content="text/html; charset=UTF-8">  type="text/javascript" src="js/jquery.min.js">  type="text/javascript"> $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'areaspline', }, credits : { enabled:false//不显示highCharts版权信息 }, labels:{ items:[{ //标签代码(html代码) html:'

Copyright © 2012-2013

我爱物联网', style:{ //设置标签位置 left:'100px', top:'50px', } }], style:{ //设置标签颜色 color:'rgb(0,0,255)' } }, xAxis: { categories: ['2011-11','2011-12','2012-01','2012-02','2012-03'] }, series: [{ name: 'series1', data: [2,4,5,9,2] },{ name:'series2', data:[3,5,7,2,1] }] }); }); }); src="js/highcharts.js"> src="js/exporting.js"> id="container" style="min-width: 400px; height: 400px; margin: 0 auto">

转载于:https://www.cnblogs.com/henuyuxiang/p/4253346.html

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录