2016-03-31 16 views
1

Verileri çizmek için yüksek grafikler kullanıyorum ve bazı veri serilerinde görüntü körlüğü ve jsFiddle örneğinde olduğu gibi veri noktaları bulunmuyor. Github ile ilgili bir sorunu günlüğe kaydetmeden önce, özlediğim bir şey olup olmadığını sormak istiyorum ya da gerçekten bir sorun id.HighCharts çizgi grafikteki eksik veri noktaları

<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

JavaScript

$(function() { 
    $('#container').highcharts({ 
     chart: { 
       type: 'line', 
       animation: false 
      }, 
      title: { 
       text: "abc" 
      }, 
      xAxis: { 
       type: 'datetime', 
       dateTimeLabelFormats: { // don't display the dummy year 
        month: '%e. %b', 
        year: '%b' 
       } 
      }, 
      yAxis: { 
       title: { 
        text: 'Time [ms]' 

       }, 
       labels: { 
        step: 1 
       }, 
       tickInterval: 100, 
       minRange: 400 
       //range: 200 
      }, 
      plotOptions: { 
       line: { 
        dataLabels: { 
         enabled: true, 
         allowOverlap: true, 
         borderWidth: 2, 
         style: { 
          textShadow: false 
         }, 
         padding: 2.5 
        }, 
        //selected: true, 
        enableMouseTracking: true, 
        animation: false, 
        allowPointSelect: true, 
        /*stacking: 'percent'*/ 
       }, 

      }, 
     series: [{ 
     "name": "a", 
     "data": [[1458604800000, 1800], [1458691200000, 1600], [1458777600000, 1800], [1458864000000, 1800], [1459123200000, 1800], [1459209600000, 1800]], 
     "color": "rgba(91,155,213,1)", 
     "dataLabels": {"color": "rgba(91,155,213,1)", "y": 0}, 
     "_symbolIndex": 0 
    }, { 
     "name": "b", 
     "data": [[1458604800000, 1500], [1458691200000, 1500], [1458864000000, 1500], [1459123200000, 1500], [1459209600000, 1500]], 
     "color": "rgba(165,165,165,1)", 
     "dataLabels": {"color": "rgba(165,165,165,1)", "y": 24}, 
     "_symbolIndex": 1 
    }, { 
     "name": "c", 
     "data": [[1458604800000, 1400], [1458691200000, 1300], [1458777600000, 1300], [1459123200000, 1100], [1459123200000, 1100], [1459209600000, 1100]], 
     "color": "rgba(237,125,49,1)", 
     "dataLabels": {"color": "rgba(237,125,49,1)", "y": 0}, 
     "_symbolIndex": 2 
    }] 
    }); 
}); 

var seriesToReproduce = [{"name":"a","data":[[1458604800000,1800],[1458691200000,1700],[1458777600000,1700],[1458864000000,1700],[1459123200000,1700],[1459209600000,1700]],"color":"rgba(237,125,49,1)","dataLabels":{"color":"rgba(237,125,49,1)","y":0},"_symbolIndex":0},{"name":"b","data":[[1458604800000,2100],[1458691200000,2000],[1458864000000,2100],[1459123200000,2000],[1459123200000,2000],[1459209600000,2000]],"color":"rgba(165,165,165,1)","dataLabels":{"color":"rgba(165,165,165,1)","y":24},"_symbolIndex":1},{"name":"c","data":[[1458604800000,2300],[1458691200000,2200],[1458777600000,2200],[1458864000000,2200],[1459123200000,2200],[1459209600000,2200]],"color":"rgba(91,155,213,1)","dataLabels":{"color":"rgba(91,155,213,1)","y":0},"_symbolIndex":2}] 

DEMO

yok veri noktaları ekran görüntüsü: http://i.stack.imgur.com/NS8Rl.png

teşekkürler!

cevap

3

Bir enabled özellik olduğunu bulmak için series arasında öznitelik belgelerine içine kazmak zorunda ve şöyle der:

etkin: Boole

etkinleştirme veya devre dışı bırakma noktası işaretleyici. Boşsa, veriler> yoğun olduğunda işaretçiler gizlenir ve daha geniş veri noktaları için gösterilir. Varsayılan değer boş.

yüzden onlar veri yoğun olup olmadığını belirlemek bilmiyorum ama belirteçler daima görüntülenmesini istiyorsanız, true enabled özelliğini ayarlamanız gerekir. İşaretleyiciler link mümkün kılmak için bir seçenek yoktur Highcharts API

2

updated Plunk

,

kullanımı serinizde işaretleri etkinleştirilmesi için

plotOptions: { 
     series: { 
      marker: { 
       enabled: true 

      } 
     } 
    }, 

,