0

あらゆる種類の気象データを表示するチャートがあり、正しく表示されます。

ツールチップはシリーズ内のデータに対して正常に機能しますが、別のデータ配列からそれぞれに追加テキストの形式でいくつかの追加データを追加したいと考えています。

最初のデータ配列は

var hightemp = new Array(12.2, 12.9, 22.7, 26.0, 29.8, 31.5
                        ,33.5, 30.5, 25.1, 23.6, 15.2, 13.2);

そして2つ目は

var hightempT = new Array("at 16:44 on 29 January 2013"
                  , "at 13:58 on 29 February 2012", "at 18:03 on 28 March 2012"
                  , "at 17:44 on 21 April 2011", "at 17:08 on 26 May 2012"
                  , "at 17:22 on 26 June 2011", "at 17:10 on 26 July 2012"
                  , "at 17:06 on 10 August 2012", "at 18:10 on 07 September 2012"
                  , "at 14:55 on 01 October 2011", "at 13:53 on 03 November 2011"
                  , "at 14:13 on 22 December 2012");

そのため、ツールチップがポイント 1 を横切って実行されると、現在読み取られているため、2 番目の配列の同じ位置にアクセスし、ツールチップの最後にスクリプトを追加しHT : 12.2Cて読み取りたいと考えています。HT : 12.2C at 16:44 on 29 January 2013私が知る必要があるのは、どのポインター変数が配列 1 の位置 1 を指しているので、それを使用して配列 2 の適切なデータにアクセスできるかということです。

追加データ。

わかりました、あなたが提案したように変数をフォーマットしました

var hightemp = new Array(
                         { y:12.2, time:"at 16:44 on 29 January 2013"},
                         { y:12.9, time:"at 13:58 on 29 February 2012"},
                         { y:22.7, time:"at 18:03 on 28 March 2012"},
                         { y:26.0, time:"at 17:44 on 21 April 2011"},
                         { y:29.8, time:"at 17:08 on 26 May 2012"},
                         { y:31.5, time:"at 17:22 on 26 June 2011"},
                         { y:33.5, time:"at 17:10 on 26 July 2012"},
                         { y:30.5, time:"at 17:06 on 10 August 2012"},
                         { y:25.1, time:"at 18:10 on 07 September 2012"},
                         { y:23.6, time:"at 14:55 on 01 October 2011"},
                         { y:15.2, time:"at 13:53 on 03 November 2011"},
                         { y:13.2, time:"at 14:13 on 22 December 2012"}
                        );

しかし、コード

        formatter: function() {
            return 'HT:'+ this.y + this.x + this.time;

ツールチップにはが表示されるため、上記の配列には&がHT:12.2Janundefined見つかりましたが、時間は見つかりませんでしたyx

point.xあなたが提案したようにコードを使用すると、何も生成されません。

4

1 に答える 1

0

2 つの配列は必要ありません。次のようにデータ ポイントをフォーマットします。

[{ y:12.2, text:"at 16:44 on 29 January 2013"},
 { y:12.9, text:"at 13:58 on 29 February 2012"}
...
 ]

ツールチップ機能で、ポイント y およびテキスト属性にアクセスできるようになりました。ツールチップの使用例はhttp://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/tooltip/formatter-simple/です。

私が提案するようにポイントを設定すると、フォーマッタ関数で this.point.text を参照できます。

于 2013-03-06T23:51:27.917 に答える