問題タブ [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.

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

javascript - タイトル プロパティが煎茶チャートを破る

2 つの Y 軸を持つサンプル グラフを作成し、シリーズにtitleプロパティを指定した後、グラフが壊れます。コンソールに次のエラーが表示されます。

キャッチされていない TypeError: Array.prototype.indexOf が null または未定義で呼び出されました

コール スタックを見ると、これがupdateTitle()関数内で発生していることがわかります。

エラー コール スタック

ドキュメントによると、シリーズには title プロパティがあるのに、なぜグラフが壊れるのですか?

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

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 イベントもキャプチャできれば素晴らしいと思います。そのため、ラベルがホバーされるたびにカーソルをポインターに変更できます。

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

javascript - 点を結ばない折れ線グラフ (Sencha-Charts パッケージ)

デカルト チャート コンポーネントに問題があり、2 点間に線を引くことができません。問題を特定のシリーズのステップの間隔データの欠落に絞り込みましたが、適切な解決策が見つかりませんでした。

次の単純化された例では、2 つの赤いマーカーの間に位置する間隔「3」で青い線上のマーカーのデータが存在する赤い線にブレークが表示されます。複数のシリーズにまたがる1 つ以上のステップに対して部分データのみが存在するシナリオで、間隔「2」の赤いマーカーから間隔「4」のマーカーまでまっすぐに描画する方法を見つけようとしています。

ここに画像の説明を入力

私のライブ アプリケーションでは、x 軸に沿ったデータは実際には日付であるため、すべてのシリーズのすべての間隔でデータを期待するのは不合理です。また、マーカーには意味があるため、データが存在しないポイントを偽造することに消極的であり、クリックイベントでそれらを使用して他のことを行っています。

APIを見ると、私の唯一の調査ラインはSeriesrenderer関数を過負荷にしているようですが、ドキュメントがせいぜい不足しているため、何がドローをトリガーするのかまだわかりません。

誰かがすでにこれを回避している場合、フレームワークを分解する前に何か指針をいただければ幸いです。または - 健全性チェック - 明らかな構成プロパティを見逃していませんか?

» いじってください