Highcharts：グラフに行を追加すると、ここでX軸

Question

からラベルを削除することは、私のチャートである。

ここだ、私は最初のシリーズのような行を追加する場合（チャートであるX上のラベルの欠如に注意してください軸）：何らかの理由で

、x軸上の点のほとんどが消えています。

$(function() { 
 
    $('#container').highcharts({ 
 
     xAxis: { 
 
\t \t \t type: 'datetime' 
 
\t \t }, 
 
     series: [ 
 
\t \t \t { 
 
\t \t \t \t type: 'line', 
 
\t \t \t \t data: [ 
 
\t \t \t \t \t { x: 1476749571000, y: 36581540.37153554 }, 
 
\t \t \t \t \t { x: 1477429910000, y: 36763124.20193958 } 
 
\t \t \t \t ] 
 
\t \t \t }, 
 
\t \t \t { 
 
\t \t \t \t type: 'scatter', 
 
\t \t \t \t data: [ 
 
\t \t \t \t \t { x: 1476749571000, y: 37170874 }, 
 
\t \t \t \t \t { x: 1476756736000, y: 36541961 }, 
 
\t \t \t \t \t { x: 1476760298000, y: 36412560 }, 
 
\t \t \t \t \t { x: 1476771158000, y: 36766829 }, 
 
\t \t \t \t \t { x: 1476774759000, y: 36819204 }, 
 
\t \t \t \t \t { x: 1476778351000, y: 36193069 }, 
 
\t \t \t \t \t { x: 1476781953000, y: 36289990 }, 
 
\t \t \t \t \t { x: 1476789144000, y: 36751180 }, 
 
\t \t \t \t \t { x: 1476796338000, y: 36058553 }, 
 
\t \t \t \t \t { x: 1476807129000, y: 36803593 }, 
 
\t \t \t \t \t { x: 1476810763000, y: 35963538 }, 
 
\t \t \t \t \t { x: 1476821507000, y: 36896693 }, 
 
\t \t \t \t \t { x: 1476825189000, y: 36187712 }, 
 
\t \t \t \t \t { x: 1476835902000, y: 37084673 }, 
 
\t \t \t \t \t { x: 1476843121000, y: 37136577 }, 
 
\t \t \t \t \t { x: 1476846735000, y: 36607531 }, 
 
\t \t \t \t \t { x: 1476853934000, y: 36334610 }, 
 
\t \t \t \t \t { x: 1476864716000, y: 37140192 }, 
 
\t \t \t \t \t { x: 1476875538000, y: 35929136 }, 
 
\t \t \t \t \t { x: 1476900734000, y: 36137618 }, 
 
\t \t \t \t \t { x: 1476907888000, y: 37195952 }, 
 
\t \t \t \t \t { x: 1476915103000, y: 37170028 }, 
 
\t \t \t \t \t { x: 1476922333000, y: 36438640 }, 
 
\t \t \t \t \t { x: 1476936739000, y: 36425736 }, 
 
\t \t \t \t \t { x: 1476951130000, y: 36954993 }, 
 
\t \t \t \t \t { x: 1476969138000, y: 36288051 }, 
 
\t \t \t \t \t { x: 1476972690000, y: 36666854 }, 
 
\t \t \t \t \t { x: 1476976353000, y: 37066932 }, 
 
\t \t \t \t \t { x: 1476979924000, y: 36628386 }, 
 
\t \t \t \t \t { x: 1476990726000, y: 36997524 }, 
 
\t \t \t \t \t { x: 1477005114000, y: 37036777 }, 
 
\t \t \t \t \t { x: 1477008734000, y: 36069816 }, 
 
\t \t \t \t \t { x: 1477019586000, y: 36788879 }, 
 
\t \t \t \t \t { x: 1477026712000, y: 37195266 }, 
 
\t \t \t \t \t { x: 1477030349000, y: 36568077 }, 
 
\t \t \t \t \t { x: 1477033944000, y: 35936353 }, 
 
\t \t \t \t \t { x: 1477041102000, y: 35840667 }, 
 
\t \t \t \t \t { x: 1477069967000, y: 36826033 }, 
 
\t \t \t \t \t { x: 1477077134000, y: 37165725 }, 
 
\t \t \t \t \t { x: 1477084331000, y: 37078309 }, 
 
\t \t \t \t \t { x: 1477091521000, y: 37195750 }, 
 
\t \t \t \t \t { x: 1477095153000, y: 36788377 }, 
 
\t \t \t \t \t { x: 1477105972000, y: 36951953 }, 
 
\t \t \t \t \t { x: 1477109539000, y: 37072255 }, 
 
\t \t \t \t \t { x: 1477113124000, y: 35688693 }, 
 
\t \t \t \t \t { x: 1477120378000, y: 37021539 }, 
 
\t \t \t \t \t { x: 1477134712000, y: 36883044 }, 
 
\t \t \t \t \t { x: 1477138302000, y: 36838067 }, 
 
\t \t \t \t \t { x: 1477141938000, y: 36719537 }, 
 
\t \t \t \t \t { x: 1477145571000, y: 35900066 }, 
 
\t \t \t \t \t { x: 1477149173000, y: 36141158 }, 
 
\t \t \t \t \t { x: 1477156353000, y: 36647699 }, 
 
\t \t \t \t \t { x: 1477163535000, y: 36516520 }, 
 
\t \t \t \t \t { x: 1477167130000, y: 35817224 }, 
 
\t \t \t \t \t { x: 1477181544000, y: 36758274 }, 
 
\t \t \t \t \t { x: 1477188754000, y: 36717498 }, 
 
\t \t \t \t \t { x: 1477195935000, y: 36913901 }, 
 
\t \t \t \t \t { x: 1477203152000, y: 36518492 }, 
 
\t \t \t \t \t { x: 1477217518000, y: 37143381 }, 
 
\t \t \t \t \t { x: 1477224743000, y: 36334856 }, 
 
\t \t \t \t \t { x: 1477231914000, y: 36910162 }, 
 
\t \t \t \t \t { x: 1477249968000, y: 36977544 }, 
 
\t \t \t \t \t { x: 1477257157000, y: 37174847 }, 
 
\t \t \t \t \t { x: 1477267956000, y: 37051864 }, 
 
\t \t \t \t \t { x: 1477289539000, y: 36343981 }, 
 
\t \t \t \t \t { x: 1477296761000, y: 37020845 }, 
 
\t \t \t \t \t { x: 1477300357000, y: 36180803 }, 
 
\t \t \t \t \t { x: 1477307506000, y: 36145191 }, 
 
\t \t \t \t \t { x: 1477311156000, y: 37102437 }, 
 
\t \t \t \t \t { x: 1477325543000, y: 35496804 }, 
 
\t \t \t \t \t { x: 1477332732000, y: 37193777 }, 
 
\t \t \t \t \t { x: 1477339942000, y: 36683704 }, 
 
\t \t \t \t \t { x: 1477354323000, y: 36577391 }, 
 
\t \t \t \t \t { x: 1477357932000, y: 36231277 }, 
 
\t \t \t \t \t { x: 1477361539000, y: 37198585 }, 
 
\t \t \t \t \t { x: 1477365133000, y: 36789070 }, 
 
\t \t \t \t \t { x: 1477379517000, y: 37138966 }, 
 
\t \t \t \t \t { x: 1477386738000, y: 36953176 }, 
 
\t \t \t \t \t { x: 1477397539000, y: 37135591 }, 
 
\t \t \t \t \t { x: 1477408304000, y: 35867866 }, 
 
\t \t \t \t \t { x: 1477411936000, y: 37141581 }, 
 
\t \t \t \t \t { x: 1477415513000, y: 36864017 }, 
 
\t \t \t \t \t { x: 1477422756000, y: 36743302 }, 
 
\t \t \t \t \t { x: 1477426328000, y: 36948156 }, 
 
\t \t \t \t \t { x: 1477429910000, y: 37199122 } 
 
\t \t \t \t ] 
 
\t \t \t } 
 
\t \t ] 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

任意のアイデア：

ここで減少した場合には、ですか？

Answer 1

私は特定のシナリオが説明されているかは不明だけれどもHighcartsは、lineとscatterシリーズ型の間のことをどのように解釈するかの違いがあるように見えます。

しかし、これを回避するには、lineシリーズを両方とも使用し、散布データからその行を削除するだけです。

この方法では、tickIntervalの設定をスキップして、必要なチャートで動的な解釈を得ることができます。

例：

{ 
    type: 'line', 
    lineWidth: 0, 
    marker: { 
    enabled: true 
    }, 
    data: [ ... ] 
} 

更新フィドル：

• http://jsfiddle.net/jlbriggs/g6fjjach/4/

Answer 2

axis.tickIntervalを設定して、ダニを強制的に描画します。

xAxis: { 
    type: 'datetime', 
    tickInterval: 1000 * 3600 * 24 // one day interval 
}, 

例：http://jsfiddle.net/g6fjjach/2/