ハイチャートライブラリのUIグリッチ

Question

ハイチャートライブラリを極端に使用しています。たぶん、誰かがこれらのケースを手伝うことができます。 私のシナリオでは、私はデータベースでさまざまなクエリを実行し、そのデータに基づいて私はグラフをプロットする必要があります。データは本質的に非常に動的です。また、データに基づいて、私は（データに基づいて計算される）特定の制限を表示する必要があります。これらの制限は、Oy軸上の 'plotLines'オプションを使用してプロットされます。これらのラインは常に表示されなければならないので、これを行うために、ハイチャートが常にラインを表示できるように、手動でOy軸の最大値と最小値を計算します。 これに基づいて、私は2つの極端な場合があります：

1）最初のものはこのフィドルによって記述されます：https://jsfiddle.net/314mgzwn/。 グラフから自動的に表示される行（フィドルのUSLという行）のため、自分の行のテキストラベルが表示されません。私はこれを回避する方法はありますか？

2）2番目のシナリオは、私がOx軸上に多くのデータを持つ可能性があるという事実に関連しています。この場合、フィドル：https://jsfiddle.net/ghx6e07r/のようにデータは表示されませんが、この領域にマウスを置くとツールチップのみが表示されます。手動でズームすると、データが表示され始めます。最初からデータを表示する方法はありますか？

Answer 1

1）プロット領域をカバーする線はグリッド線です。それらは、ダニ（グリッドラインはダニを伸ばす）と同じ方法で制御することができます。彼らはz-indexの特性を持っています（プロットラインもitです）。

propertyObjectY = { 
value: 0, 
color: '', 
dashStyle: 'Solid', 
width: 2, 
label: { 
    text: '' 
}, 
zIndex: 2 
} 

zIndexを2に設定すると、プロット線がグリッド線の上に描画されます。

例：あなたのデータはdensedされている場合https://jsfiddle.net/314mgzwn/3/

2）、マーカーはデフォルトではレンダリングされませんので、それらを手動で有効にする必要があります。

plotOptions: { 
     series: { 
     marker: { 
      enabled: true 
     } 
     } 
    }, 

例：この例でhttps://jsfiddle.net/ghx6e07r/2/

第二ケースは、あなたがtrueにconnectNullsプロパティを設定しない限り、線で接続されないNULL値です。

例：https://jsfiddle.net/ghx6e07r/3/

Answer 2

は、シナリオ1のために、次の変更してみてください：

propertyObjectY = { 
    value: 0, 
    color: '', 
// dashStyle: 'Solid', 
    width: 0, 
    label: { 
    text: '' 
    } 
} 

Updated fiddle here

シナリオ-2、問題はあなたにも "ヌル" のポイントを持っているということです。ハイチャートでは、ヌルポイントはデフォルトでは接続されません。あなたはそれが普通に見えるグラフをズームmessy.ifあなたのグラフが表示されますので、データ・ポイントがたくさんあるので、彼らは、今

plotOptions: { 
    series: { 
     connectNulls: true 
    } 
}, 

See the fiddle

を使用し接続します。