問題タブ [vaadin-charts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1495 参照

vaadin - Vaadin チャートのラベルの書式設定

Vaadin Charts で円グラフを作成しようとしています。

このコードはチャートに素敵なラベルを追加しますが、小数点 t の後に 2 桁あれば十分です。

こちらの現在のチャートの写真をご覧ください。

小数点以下2桁だけを印刷する方法はありますか?

私はすでに試しました

0 投票する
0 に答える
934 参照

pdf - iText と batik を使用して PDF を生成する

テキストと SVG グラフを PDF にエクスポートしようとしています。iTextとbatikがこれを行うことができることがわかりました。それでやってみたのですが、グラフを入れるたびに異常に小さくなってしまいました。

私のコードに問題があるのではないかと考えたので、Vaadin のサンプルコードを試してみることにしました。

しかし、これを行うと、まだ小さなグラフが表示されます。アプリのデバッグを試みましたが、グラフのサイズは実際には 10000x600 で、収まるようにスケーリングしようとしました。

そこで、手動でサイズを 400x600 のようにサイコロなしで設定してみました。SVGのサイズを強制しようとしました-サイコロはありません。大きすぎると、1x1cm の小さな箱に影ができてしまうだけだと思います。この例の出力は次のとおりです。

PDF結果

ズーム

誰かが助けてくれることを本当に願っています。

UPDATE これらの2行を削除すると:

サイズをハードコードすると、ちょっとうまくいきます。しかし、画像自体はまだ巨大で、収まりきらないようです。例を参照してください: ここに画像の説明を入力

0 投票する
1 に答える
227 参照

angular - vaadin 縦棒グラフに複数のカテゴリがありますか?

私はこのようなチャートを作成しようとしています: チャート1 angular2 に vaadin-charts を使用していますが、2 つの異なるソースを比較しているため、2 つの色が得られます。月は正しく表示されていますが、月を四半期に分類する方法がわかりません。

チャート2

https://vaadin.com/docs/-/part/charts/webcomponents-api/charts-configuration.html#charts.configuration.axes.categories

ここに私がこれまでに持っているものがあります:

0 投票する
1 に答える
579 参照

java - VAADIN チャートの ListSeries の色の設定または取得

次の VAADIN Charts Demo Link から、基本的な棒グラフを見ることができます。

https://demo.vaadin.com/charts/#BasicColumn

ここに表示されているバーの色は、Java ソース コード ファイルではなく、CSS ファイルからのものです。このバーの色を設定または取得する方法はありませんか?

ご注意ください:

1) ListSeries の代わりに DataSeries を使用することはできません。Data Series では、上記のリンクに示されているようなビューを実現することは不可能です (または私は認識していません)。

2) 私はすでに他のスタック オーバーフローに関する質問を確認しましたが、いずれもこの質問に答えることができませんでした。

0 投票する
1 に答える
579 参照

vaadin-charts - vaadinチャートにマウスホバーリスナーを実装する方法

チャートにカーソルhoverリスナーを追加するにはどうすればよいですか?vaadin

カーソルのアイコンを手または同様のアイコンに変更して、グラフのバーがクリック可能であることを示したいですか?

0 投票する
1 に答える
754 参照

vaadin - Vaadin Charts ツールチップ形式

以下は私が使用しているフォーマッタです。

これは私が得ているツールチップです

方法:

1) 小数点以下 2 桁の値の四捨五入

2) 2016 年 11 月 30 日のような日付形式を使用する

よろしくお願いします。