首页 > 其他 > 详细

HighCharts学习笔记

时间:2014-01-16 21:27:32      阅读:524      评论:0      收藏:0      [点我收藏+]

目录

  • xAxis自定义时间刻度的显示

 

xAxis自定义时间刻度

我们先来看下HighCharts图表的xAxis对象有哪些属性(红色标记重要属性):
allowDecimals: Boolean
categories: Array
dateTimeLabelFormats: Object
minTickInterval: Number
offset: Number
showFirstLabel: Boolean
showLastLabel: Boolean
tickColor: Color
title
typeString
//轴线的类型。可选项:"linear","logarithmic","datetime" or "category"
tickIntervalNumber
//在轴线上单位刻度的间距
labels
startOnTickBoolean
endOnTickBoolean
events
 
详细参考:
 
1)在X轴显示例01-01的时间刻度
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(‘#container‘).highcharts({
    xAxis: {
        type: ‘datetime‘,
        labels: {
            formatter: function () {
                return Highcharts.dateFormat(‘%m-%d ‘, this.value);
            }
        },
        startOnTick: true,
        endOnTick: true,
    },
    series: [{
        pointStart: Date.UTC(2014, 1, 1), //JS时间戳 1388534400000
        data: [29.9, 19.9, 42.9, 20.9]
    }]
});

bubuko.com,布布扣

HighCharts学习笔记

原文:http://www.cnblogs.com/bestfriends/p/3521040.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!