6

私はこのflotAPIにかなり慣れていません。X軸とY軸の両方に実線ではなく、破線のグリッド線/目盛りを付けたい。誰かがこれで私を助けることができますか？

前もって感謝します！

4

2 に答える 2

12

ライブラリを変更することで、グリッドのマーキングに破線を作成することができました。現在、Flotver0.8.0を使用しています

まず、markingsLineWidthのすぐ下のグリッド（400行目あたり）の下に新しい属性を追加しました。

markingsStyle: 'dashed'

Flotはキャンバスを使用してグラフをレンダリングしているため、David Owensのこのコードを使用して、キャンバスにdashedLineTo（）拡張機能を追加しました。Flotのコードの上にカラーパーサープラグインの直後に追加し、Davidにクレジットを付与しました。dashedLineTo（）には、次のパラメーターがあります。

dashedLineTo(fromX, fromY, toX, toY, pattern)

パターンには[5,5]を使用しました。これは、5pxのダッシュと5pxのスペースが交互に表示されることを意味します。

最後に、マーキングが描画されているときに、プラグインのdrawGrid関数を変更しました。

if(options.grid.markingsStyle == 'dashed') {
    ctx.dashedLineTo(xrange.from, yrange.from, xrange.to, yrange.to, [5,5])
} else {
    ctx.moveTo(xrange.from, yrange.from);
    ctx.lineTo(xrange.to, yrange.to);
}

ライブラリを変更するときにこれを参照として使用できると思っただけです。

于 2013-05-17T22:51:50.683 に答える
0

残念ながら、Flotは現在、グリッド/目盛りの線のスタイルを変更する方法を提供していません。ライブラリ自体を変更する必要があります。

于 2013-02-05T12:32:52.820 に答える