問題タブ [sencha-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.
javascript - タイトル プロパティが煎茶チャートを破る
2 つの Y 軸を持つサンプル グラフを作成し、シリーズにtitle
プロパティを指定した後、グラフが壊れます。コンソールに次のエラーが表示されます。
キャッチされていない TypeError: Array.prototype.indexOf が null または未定義で呼び出されました
コール スタックを見ると、これがupdateTitle()
関数内で発生していることがわかります。
ドキュメントによると、シリーズには title プロパティがあるのに、なぜグラフが壊れるのですか?
extjs - Sencha チャート ラベルのクリックをキャプチャする
アプリケーションを Ext JS 4.2.1 から Ext JS 5.1 にアップデートしているので、古いチャートを光沢のある新しい sencha チャートにアップグレードする機会を得ました。このようなインタラクティブな積み上げ棒グラフを設定しようとしています
ユーザーは、左側のバーまたはラベルをクリックして詳細を確認できる必要があります。
(プラグインを使用して) グラフ バーでマウス イベントをキャプチャすることができましたがchartitemevents
、ラベルでクリック イベントをキャプチャしようとして立ち往生しています。
チャートでプラグインを使用してみましspriteevents
たが、5.1 ではまったく機能せず、5.1.1 ナイトリー ビルドでは機能しません (何があっても常に背景スプライトを取得します)。たとえそれが機能したとしても、そのラベルがどのシリーズに属しているかがわからないため、正しいスプライトを取得しても道半ばです。
状況の例をフィドルで示します: https://fiddle.sencha.com/#fiddle/hjm
これを行う方法を知っている人はいますか?
おまけとして、onmouseover および onmouseout イベントもキャプチャできれば素晴らしいと思います。そのため、ラベルがホバーされるたびにカーソルをポインターに変更できます。
javascript - 点を結ばない折れ線グラフ (Sencha-Charts パッケージ)
extjsデカルト チャート コンポーネントに問題があり、2 点間に線を引くことができません。問題を特定のシリーズのステップの間隔データの欠落に絞り込みましたが、適切な解決策が見つかりませんでした。
次の単純化された例では、2 つの赤いマーカーの間に位置する間隔「3」で青い線上のマーカーのデータが存在する赤い線にブレークが表示されます。複数のシリーズにまたがる1 つ以上のステップに対して部分データのみが存在するシナリオで、間隔「2」の赤いマーカーから間隔「4」のマーカーまでまっすぐに描画する方法を見つけようとしています。
私のライブ アプリケーションでは、x 軸に沿ったデータは実際には日付であるため、すべてのシリーズのすべての間隔でデータを期待するのは不合理です。また、マーカーには意味があるため、データが存在しないポイントを偽造することに消極的であり、クリックイベントでそれらを使用して他のことを行っています。
APIを見ると、私の唯一の調査ラインはSeriesrenderer
関数を過負荷にしているようですが、ドキュメントがせいぜい不足しているため、何がドローをトリガーするのかまだわかりません。
誰かがすでにこれを回避している場合、フレームワークを分解する前に何か指針をいただければ幸いです。または - 健全性チェック - 明らかな構成プロパティを見逃していませんか?