1

不規則な位置に目盛りがあるflotを使用してプロットを作成しています。たとえば、1つは位置100、1つは位置155、1つは位置230です。Flotはこれらの位置に目盛りを簡単に配置できます。

しかし、これらのポイントの間に軸ラベルを配置したいと思います。

|--------------|-------|------------------|
    blahblah       huh        metoo

これに浮気する方法を理解することはできません。何か疑惑はありますか？

ありがとう

4

1 に答える 1

1

これは、flotの複数軸機能を使用して、ラベルに2番目の軸を追加します。

ここに画像の説明を入力してください

コード：

       $.plot($("#placeholder"),
       [ { data: [[1,1],[12,12],[45,45],[2,2],[7,7],[90,90],[112,112],[145,145],[87,87],[250,250]]},
         { data: [[]], xaxis: 2}], //second empty series
           {
               xaxes: [ {ticks:[100,155,230]}, // force tick location
                        {ticks: [50,127.5,192.5], // label locations, center them based on forced tick locations
                         min: 0, max: 250, // set min and max to scale 2nd axis
                         tickFormatter: // return string label instead of number
                           function formatter(val, axis) { 
                             if (val == 50) return "blahblah";
                             else if (val == 127.5) return "huh";
                             else if (val == 192.5) return "metoo";
                             else return "";
                          }} ]
           });​

ここでフィドル。

于 2012-07-04T13:56:02.957 に答える