3

JSチャート作成ライブラリに飛び乗る前に、このチャートがHighChartsで可能かどうかを確認してください.

  • X 軸は単純なタイムラインです。
  • Y 軸にはさまざまなカテゴリがあります (左側と右側にラベルを付けます)
  • カテゴリごとに、開始日と終了日が設定された 0 個から多数のイベントがあります
  • 各カテゴリを表す細い水平線が欲しい (表示のみ、データなし)
  • 各行に、開始日から終了日までのイベントを表す太いバーを表示したいと思います。

それほど複雑に聞こえませんが、Tinterweb のどこにもこのタイプのグラフの例を見たことがありません。

前もって感謝します、モンティ

4

1 に答える 1

6
  • X 軸は単純なタイムラインです。

日時であるX軸は問題なく機能します。表示されたグラフの期間に応じて、ラベルが自動的にフォーマットされます。dateTimeLabelFormatsとtickIntervalを使用して、デフォルトのフォーマットを変更できます。日時はミリ秒単位で制御できます。

  • Y 軸にはさまざまなカテゴリがあります (左側と右側にラベルを付けます)

Y 軸は必要な数だけ持つことができます。チャートの片側または両側に配置できます。これは、2 つの Y 軸を持つグラフの例です。また、必要な数のシリーズをグラフに表示することもできます。それらのそれぞれを特定の Y 軸に結び付け、必要に応じてすべての異なるタイプ (スプライン、バー、パイなど) を与えることができます。

  • カテゴリごとに、開始日と終了日が設定された 0 個から多数のイベントがあります

データを持たないデータ ポイントがある場合は、それを null として指定できます。次に、データを持つデータ ポイントを続行します。

  • 各カテゴリを表す細い水平線が欲しい (表示のみ、データなし)
  • 各行に、開始日から終了日までのイベントを表す太いバーを表示したいと思います。

ここでグリッド線について言及していると思います。その場合は、 gridLineWidthを変更できます。色を変更することもできます。必要に応じて、マイナー グリッド ラインを追加して、必要に応じて操作することもできます。これは、いずれかの軸または両方で実行できます。

  • その他の注意事項

ツールチップに表示するポイントに追加データを送信することもできます。ここに示されているように。この例では、locked、unlocked、および potential はユーザー定義の変数です。チャートにオブジェクトを描画できます。グラフをズーム可能にすることができます。チャートにドリルダウンして、データ要素に基づいて追加のデータを表示できます。そして、リストは続きます。できることはたくさんあります。他のすべてが失敗した場合は、独自のカスタム イベントと関数を追加して、他のすべてを制御できます。

何か質問がある場合は、リファレンスまたはデモを検索します。何かを行う方法がまだわからない場合は、ここで質問して、自分に合った回答を得ます。

于 2012-05-30T13:32:09.523 に答える