2016-03-31 4 views
1

J'utilise des graphiques haute pour tracer des données et sur certaines séries de données il n'y a pas de points de données comme sur l'image ci-dessous et l'exemple jsFiddle. Avant de signaler un problème sur github, je veux vous demander s'il y a quelque chose qui me manque ou qui est vraiment un problème.Highcharts points de données manquantes sur le graphique en ligne

<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

Aucun point de données capture d'écran: http://i.stack.imgur.com/NS8Rl.png

Merci!

Répondre

3

Vous devez creuser dans la documentation de l'attribut de series pour trouver qu'il ya une propriété enabled, et il dit:

enabled: Boolean

Permet d'activer ou désactiver le point marqueur. Si null, les marqueurs sont masqués lorsque les données sont> dense et affichés pour des points de données plus étendus. Par défaut à null.

donc je ne sais pas comment ils déterminent que les données sont denses ou non, mais si vous voulez que les marqueurs à toujours affichés, vous devez définir la propriété enabled true.

2

updated Plunk

Dans Highcharts APi il y a une option pour activer les marqueurs link,

utilisation

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

      } 
     } 
    }, 

pour permettre des marqueurs dans votre série,