問題タブ [qtcharts]
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.
qt - QML PieSlice グラデーションカラー
その場しのぎのマスクを作成する方法として、QML で PieSeries を使用しています。円形のアニメーション GIF があり、その上に PieSeries を追加しました。PieSeries には 3 つの PieSlices があります。そのうちの 2 つは「黒」であり、基本的に gif の対応する部分をブロックしています。残りの PieSlice は透明です。これで問題なく動作しますが、2 つの黒い PieSlices にグラデーションを付けて、エッジがあまり目立たないようにしたいと思います (グラデーションの透明度)。
ここで説明されているように、OpacityMask で LinearGradient を使用してみましたが、PieSlice で使用しても効果はありませんでした。
任意の提案をいただければ幸いです:)
これが私のコードです:
注: ここで d.val は 0 から 1 の間の値を保持します
私が達成しようとしていることを視覚化するのに役立ついくつかの画像を編集 します:私が始めているGIF(ソース- 元のファイルが大きすぎて添付できませんでした):
これは、現在どのようにアニメーション化されているかです:
これは私が実際にどのように見せたいかです (ここでは d.val に描かれています):
c++ - 複数の y 軸を持つ Qt チャートにツールチップを表示する
永続的なツールチップ機能の実装に取り組んでいます。つまり、ホバー時にツールチップを表示し、線シリーズとスプライン シリーズがあるチャートをクリックするとツールチップが永続的に残るようにします。これは基本的に、Qt コールアウトの例の別のバージョンです。ここにリンクがあります。私が実装した唯一の変更点は、QValueAxis を使用して左側に 2 つの y 軸 (各シリーズに 1 つずつ) を追加したことです。それらは同じ x 軸を共有しています。プログラムを実行しようとすると、ライン カーブのツールチップは正しく表示されますが、スプライン カーブの場合は正しく表示されません。マウス ポインターを置いている曲線上の点から垂直に少し下に表示されます。
createdefaultaxes() を使用して単一の y 軸を使用する場合、この問題は発生しません。
単一の y 軸での結果
複数の y 軸での結果
以下のクリックおよびホバー機能に関連するコードを投稿しました。クラス「Callout」のオブジェクトがこのコードで使用されているため、Callout のコードを次に示します(以前に投稿したものと同じリンク)。この質問に関して最も関連性の高い Callout コードのスニペットを特定できなかったため、リンクを投稿する必要がありました。