C3: x軸の目盛りテキストで改行を強制する

作成日 2014年10月17日  ·  9コメント  ·  ソース: c3js/c3

おい

http://jsfiddle.net/gbdtjsba/11/

グラフにかなり長いラベルがあります。 グラフに500px、x軸に200pxのハードハイトを追加しましたが、可能であれば軸の高さを動的にしたいです。

ラベルをループして最大のものを見つけ、グラフを適用する前にその幅を計算する必要がありますか、それともc3にこれを実行できる機能がありますか?

これに関連している可能性があります//github.com/masayuki0812/c3/issues/527

素晴らしいライブラリをありがとう、これまでのところ、d3プログラミングの時間を何時間も節約できました:)

C-feature-request

最も参考になるコメント

それはフィドルで目覚めないようです..実際のコードではどうですか? わたしにはできる。 また、 axis.x.tick.multiline = falseを1行で表示するように設定してください。 現在、複数行がデフォルトです。

改行を強制するために何かを導入することは合理的だと思います。 必要に応じて実装します。

全てのコメント9件

こんにちは、ご報告ありがとうございます。 このコミットにより、x軸の高さを自動的に計算できると思います。最新のコードをもう一度試してみてください。 ありがとう。

アップデート:
複数行のチェックテキストをサポートするためにaxis.x.tick.widthを導入したので、現時点でこのオプションをnull設定してください。 これがないと、目盛りのテキストは、回転しても複数の行に分割されます。

こんにちは、

更新していただきありがとうございます。残念ながら、機能していないと思います。

  1. http://jsfiddle.net/gbdtjsba/15-200px x軸の高さ(削除しようとしています)がない場合、結果は以前と同じです。 グラフのサイズを変更して、一貫性のない動作を確認してください。
  2. http://jsfiddle.net/gbdtjsba/11-ロード時にx軸の高さが間違っているように見えますが、サイズを変更するとこれが修正されます。 このバージョンはまだx軸で200pxの高さを持っており、計算された高さではなく、この高さに戻っていると思います。

たとえば、グラフの高さは500ピクセル、軸の目盛りの最大幅/高さは125ピクセルであるため、グラフには自動的に高さが375ピクセル、ラベルが125ピクセルになる必要があると思います。 または、オプションとして/を使用する場合は、グラフの高さを500pxにし、ラベルを含む全体の高さを625pxにすることができます。

1行以上のラベルは素晴らしいです。 改行を強制することは可能ですか? たとえば、 2014-10-22 \n 2014-10-15 \n 2014-10-08

それはフィドルで目覚めないようです..実際のコードではどうですか? わたしにはできる。 また、 axis.x.tick.multiline = falseを1行で表示するように設定してください。 現在、複数行がデフォルトです。

改行を強制するために何かを導入することは合理的だと思います。 必要に応じて実装します。

改行を強制するために何かを導入することは合理的だと思います。 必要に応じて実装します。

はい。 必要です。

これについて何か計画はありますか?

@laurabrooks 「これ」で何を指しているのかaxis.x.tick.multilineはしばらくの間実装されており、最近axis.x.tick.multilineMaxサポートを導入し、両方のドキュメントを追加しました(を参照)。ここ)、うまくいけばそれが役立つ。

ラベルテキストの指定されたポイントで改行を強制することについて疑問に思いました。 multiline属性とmultilineMax属性がその役割を果たしますが、

多線軸ラベルの規定はありますか?

複数行のオプションがすでに存在するため、この問題を解決します。 @jcsmoraisによって述べられたドキュメントを参照し

このページは役に立ちましたか?
0 / 5 - 0 評価