Highcharts
lwnexu
技术道路上,十年如一日!
展开
-
Highcharts(一)之第一个Dome
一个简单的实例:1.在highcharts中属性以逗号隔开 2.一个大的属性中使用{},在{}中填写具体的属性 3.除了数据其他的属性一般使用””包含首先创建一个html文件在head中包含: <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <sc原创 2016-07-24 17:08:54 · 319 阅读 · 0 评论 -
Highcharts(二)之基本属性
一.基本组成:Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)数据列(Series):每个曲线,每个柱形条组,每个饼图的部分数据提示框(Tooltip):鼠标放上去的提示框图例(Legend):通过点击标示可以显示或隐藏该数据列版权信息(Credits):一般是highcharts的官网原创 2016-07-24 17:11:12 · 521 阅读 · 0 评论 -
Highcharts(三)之标题
1.静态设定标题属性:title: { text: '标题'},subtitle: { text: '副标题'}2.动态设定标题属性:1.获取标题:var chart = new Highcharts.Chart(options); // 创建Highcharts对象var title = chart.title.textStr; // 对象获原创 2016-07-24 17:11:55 · 1202 阅读 · 0 评论 -
Highcharts(四)之数据列
1.数据列中的数据填充:方法一:一维数组如果有categories属性的话就是使用一维数组data : [1, 4, 6, 9, 10] 方法二:二维数组如果没有categories属性的话就是使用二维数组data : [ [5, 2], [6,3], [8,2] ] 方法三:集合series:[{ data : [{ name : "point 1", color : "#原创 2016-07-24 17:12:42 · 1235 阅读 · 0 评论 -
Highcharts(五)之颜色
1.统一设置颜色:数据列调用颜色的方式是第 n 个数据列使用第 n 个颜色数组里的值,当序列的数量超过颜色数组的长度,后续的序列将会从头调用。$(function () { $('#container').highcharts({ chart: { type: 'pie' }, colors: ['#058DC7', '原创 2016-07-24 17:13:28 · 589 阅读 · 0 评论 -
Highcharts(六)之提示框
1.提示框的背景,边框宽度,边框颜色tooltip: { backgroundColor:'#ff0000', borderWidth: 1, borderColor: '#AAA' },2.格式化提示框:formatter: 数据提示框格式化函数,功能最强大也是最灵活的方法,函原创 2016-07-24 17:13:50 · 2794 阅读 · 0 评论 -
Highcharts(七)之版权信息
credits:{ // enabled:true, // 默认值,如果想去掉版权信息,设置为false即可 text:'www.hcharts.cn', // 显示的文字 href:'http://www.hcharts.cn', // 链接地址 position:{ // 位置设置 align:原创 2016-07-24 17:14:12 · 687 阅读 · 0 评论