7

[highcharts] [1]を使用して、データベースの値の範囲間のグラフをプロットしています。X軸の値をユーザー入力から開始したい。

たとえば、ユーザーが50から100の範囲の値を必要とする場合、x軸を50から開始する必要があります。

範囲は可変サイズになります。データのサイズが大きいので、すべてを取得して最小値と最大値を表示に使用するようなことはできません。

前もって感謝します。

これは私のチャートオブジェクトです。データベースにクエリを実行し、その間の行を返すために使用するユーザー用の2つの入力フィールドがあります。

複数の種類のグラフを使用しています。問題は、データベースから50から100までのデータを取得している場合、X軸の開始を50として定義する方法がわからないことです。50の値が表示されますが、0から50までの値で開始します。

私は10分くらいを試しました。それはその値から始まりますが、最初の10かそこらの値をスキップします。

入力フィールドのIDは「lower」と「upper」です。


var options = {
      chart: {
        renderTo: ctn.attr('id'),
        type: $('#graph_type option:selected').val(),
        zoomType: 'x'
      },
      title: {
        text: $('#graph_title').val()
      },
      subtitle: {
          text: "Graph - " + (graph_no + 1)
      },
      xAxis: {

        title: {
           text: $('#x_label').val()
        }
      },
      yAxis: {
        title: {
          text: $('#y_label').val()
        }
      },

      credits: {
        enabled: false
      },
      series: []
    };
4

2 に答える 2

12

返信ありがとうございます。私は解決策を見つけました。Min maxは、私が望んでいたように実際には実行していませんでした。

私は解決策を見つけました。

目的の値からx軸の値を開始するには、次を使用します。

plotOptions:
     <your_graph_type>:{
             pointStart: <your_value>
}
于 2012-12-04T17:16:39.900 に答える
8

xAxisの最小値と最大値の設定は機能すると思います。 このリンクを参照してください

そしてあなたは言うことができます

startOnTick:false、endOnTick:false

たとえば、参照:

yの最小値を20に、最大値を217に設定した値があります。

yAxis: {
        min: 20,
        max:217,
        startOnTick: false,
        endOnTick:false
    },

チャートがどのように表示されるかを確認してください。これがお役に立てば幸いです。

于 2012-12-04T05:28:18.370 に答える