Highcarts 로 곡선 도 를 그 리 는 시간축 문제.

2130 단어 JavaScriptHighcharts
http://www.highcharts.com며칠 동안 프로젝트 에 사용 하 는 강력 한 js 그림 그리 기 도구 입 니 다.문제 가 있 습 니 다.곡선 도 를 그 릴 때 가로축 은 시간 형식 으로 표시 하려 고 하 는데 어떻게 해도 안 됩 니 다.문자열 로 직접 표시 하면 온라인 데이터 점 이 많 을 때 한데 몰 려 간다.이 게임 은 중국어 자료 가 매우 적 습 니 다.홈 페이지 게시판 을 둘 러 보 니 xAxis 가 datetime 으로 설정 하려 면 시간 데 이 터 를 categories 에 넣 을 수 없고 series 에 넣 어야 한 다 는 것 을 알 게 되 었 습 니 다.
다음은 예 입 니 다.
		 var chart1option = {
			chart: {
				renderTo: 'sysThreadChart'//  id sysThreadChart div   
			},
			credits : {
				enabled:false
			},
			title: {
				text: 'Date Time Axis Test',
				style: {
					margin: '10px 100px 0 0' // center it
				}
			},
			xAxis: {			
				type:"datetime",//        type,   linear
				maxPadding : 0.05,
				minPadding : 0.05,
				//tickInterval : 24 * 3600 * 1000 * 2,//     x  
                                //  150px   x  ,            ,         
				tickPixelInterval : 150,
				tickWidth:5,//     
				lineColor : '#990000',//       
				lineWidth :3,//   x   
				gridLineWidth :1,//   0,           
				//   x          ,      ,        /  /       
                                dateTimeLabelFormats:
				{
					second: '%H:%M:%S',
					minute: '%e. %b %H:%M',
					hour: '%b/%e %H:%M',
					day: '%e /%b',
					week: '%e. %b',
					month: '%b %y',
					year: '%Y'
				}				
			},
//   ,        categories ,    series data   
//      :categories:[1274457600000,1274544000000,1274630400000]
//       ,Unix     1000
			series:[{    
					data:
					[
						[1274457600000, 1200], 
						[1274544000000, 1300], 
						[1274630400000, 1250],
						[1274803200000,1350]
					]
					}]
		};

	$(document).ready(function() {
                //        
		chart1= new Highcharts.Chart(chart1option);		
	});

이것/이것
게시 물 도 두 가지 예 를 들 었 다.시간 형식 이 꼭 시간 스탬프 를 사용 하 는 것 은 아 닌 것 같은 데?그림 을 그 리 는 것 은 이렇다.
이 게시 물 도 두 가지 예 를 들 어 시간 형식 이 꼭 시간 스탬프 를 사용 하 는 것 은 아 닌 것 같은 데?
시간 이 있 으 면 다른 hightcharts 가 그림 을 그 리 는 예 를 다시 정리 하 세 요.약간 Options Reference 를 번역 하고 싶 은 충동 이 있 습 니 다.
전송 주소:http://blog.yidijimao.net/?p=388

좋은 웹페이지 즐겨찾기