0

nullエンドポイントをグラフの両側 (左右両方)に接続しようとしています。下の画像では、紫色の線をグラフの右側までつなげたいと思います。

ハイチャートグラフ

紫色の線のデータ ポイントは次のとおりです (逆順)。

data: [null,null,null,null,null,null,200,200,200,200,200,200,200,200,200,200,200,200,200,200]

(以下に示す)nullを使用して sを正常に接続できます。connectNullsチャートで、10/9 付近の青い線に 3 つのポイントがなく、ポイントが接続されていることに注意してください。

plotOptions: {
    series: {
        allowPointSelect: true,
        pointPlacement: "on",
        connectNulls: true
    }
},

また、次の組み合わせを使用してみましたxAxis：

  • minPadding
  • maxPadding
  • startOnTick
  • endOnTick

上記のいずれも機能しません。私が見落としているハイチャートオプションはありますか? または、カスタム関数を使用してこれをどのように実現できますか?

4

2 に答える 2

1

これを試して：

   //function for making own data set
   function makeDataSet(d) {   
        var l = d.length, i, isFirstNull = false;

        if(d[0] == null) {
           isFirstNull = true;
        }

         for(i = 0; i < l; i++) {
              if(isFirstNull) {
                 if(d[i] != null) {
                     d[0] = d[i];
                     isFirstNull = false;
                 }
              }
          }
        return d;

   }

      $(function () {

        var data1 = [null,null,null,null,null,null,200,200,200,200,200,200,200,200,200,200,200,200,200,200]; //data1

        var data2 = [100,100,null,null,null,null,20,20,20,20,20,20,20,20,20,20,20,20,20,20]; //data1

         makeDataSet(data1);
         makeDataSet(data2);

    $('#container').highcharts({
        chart: {
                type: 'spline'
        },
        xAxis: {
            reversed: true,
        },
        plotOptions: {
                series: {
                        allowPointSelect: true,
                        pointPlacement: "on",
                        connectNulls: true
                }
        },            
        series: [{
            name: 'Data 1',
            data: data1
        },
        {
            name: 'Data 2',
            data: data2
        }]
    });
});

デモを見る

于 2013-10-16T06:45:00.763 に答える
0

ヌル ポイントを接続するには、ヌル値は次のように 2 つの値の間にある必要があります。

data: [200,200,200,200,200,200,200,200,200,200,200,200,200,200,null,null,null,null,null,null,400]

次に、ヌルを介して 200 と 400 を接続します。

あなたのデータには、nullの後に接続するポイントがないため、先に進むことができません。

試してみてください

于 2013-10-16T04:24:10.730 に答える