2016-06-10 2 views
1

안녕하세요 저는 새로운 데이터가 내가 사용 데이터베이스에서 추가로 내가 동적으로 각 날짜의 일에 줄거리를 추가 할 수 있도록HighCharts에는 datetime을 통해 plotLines를 xAxis에 동적으로 추가하는 옵션이 있습니까?

xAxis: { 
      plotLines: [{ 
      color: '#dadada', 
      width: 1, 
      value: Date.UTC(2016, 2, 28) 
      }] 

같은 x 축에 날짜 시간을 정의하여 줄거리를 추가 할 수 있습니다 알고 시리즈.

http://jsfiddle.net/5ecgkcmf/

나는 무슨 바이올린뿐만 동적으로 수동으로 모든 값에 추가하지 않고 과거와 미래의 데이터

이 검출 용 highcharts이 기능을 가지고 있는가 아니면 내가해야 할 고려하여 달성하고자하는 복잡한 루프를 작성하고 plotLines를 밀어 넣으십시오.

모든 안내와 해결에 감사드립니다.

+0

당신은 어떻게 당신이 교차 한 경우 확인할 수있는 방법은 새로운 데이터를 추가? xAxis.addPlotLine() (http://api.highcharts.com/highcharts#Axis.addPlotLine) – wergeld

+0

라이브 서버에서 새 데이터가 최소한 매일 데이터베이스에 푸시됩니다. 최소한 매일 x 축에 새로운 날짜 시간 점이 생깁니다. – gwar9

+0

좋아요, 그렇다면 날짜 내에 어떤 데이터가 추가되었는지 확인하고 xAxis.addPlotLine()을 통해 plotLine을 추가하십시오. 마지막 datetime이 추가되면 xAxis 값을 계산할 수 있습니다. – wergeld

답변

4

xAxis 눈금 간격을 하루로 설정하면 xAxis 만 만들 수 있습니다. 볼 gridlines는 (그들은 기본적으로 gridLineWidth: 0로 설정됩니다 $ (함수() {

$('#container').highcharts({ 
    xAxis: { 
     gridLineWidth: 2, 
     tickInterval: 24 * 3600 * 1000, 
     // one day 
     type: 'datetime' 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
     pointStart: Date.UTC(2010, 0, 1), 
     pointInterval: 24 * 3600 * 1000 
    }] 
}); 

을});

관련 문제