問題タブ [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 に答える
3149 参照

javascript - ExtJS 4.2 - チャートの再描画、まだ古いラベルが表示される

作成中の折れ線グラフに問題があります。

毎秒自動的に更新されるように作成しており、「Ping Time」テキストフィールドの値を取得して、次の「分」インデックスでチャートに配置します。

ただし、チャートが更新されると、軸が適切に更新されないという問題があります。ここで実際にこれを見ることができます:

http://jsfiddle.net/HTj5Q/71/

関連するコードは、チャートの作成です。

さわやかなコードだけでなく、

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

charts - Sencha Charts: Uncaught TypeError: Object [object Object] has no method 'getDirection'

朝、

Sencha Touch 2.3、Sencha Cmd 4.0.2.67 を使用しています

残念ながら、私は Sencha について十分に理解していないので、私の問題を説明して診断することはできません。

グラフが描画される前に、いくつかのゲージと棒グラフを作成するアプリを実行しようとすると、アプリがクラッシュし、console.log に次のエラー メッセージが表示されます。

Uncaught TypeError: Object [object Object] has no method 'getDirection'

エラーは chart.series.Series.js の 683 行目にあり、次のようになっています (これが箱から出された方法です)。

for (i = 0, ln = axes.length; i < ln; i++) { axis = axes[i]; if (!directionMap[axis.getDirection()]) {// <-- line 683 directionMap[axis.getDirection()] = [axis]; } else { directionMap[axis.getDirection()].push(axis); } }

axis.Axis.js を確認したところ、543 行目に次の内容が含まれていることがわかります。
getDirection: function () { return this.getChart().getDirectionForAxis(this.getPosition()); },

console.log(axes[i])以下を示します。 Class {titleStyle: Class, labelStyle: Class, gridStyle: Class, initConfig: function, initialConfig: Object…} _chart: Class _fields: Array[0] _labels: Array[0] _margin: 10 _maximum: 10 _minimum: 0 _position: "gauge" _steps: 10 _title: false axisId: "ext-axis-12" config: objectClass eventDispatcher: Class getEventDispatcher: function () { getObservableId: function () { getUniqueId: function () { gridStyle: Class id: "ext-chart-axis-gauge-1" initConfig: function (){} initialConfig: Object labelStyle: Class managedListeners: Object observableId: "#ext-chart-axis-gauge-1" titleStyle: Class usedSelectors: Array[1] __proto__: Object

私のアプリは、ゲージと棒グラフの両方を生成します。ゲージを無効にすると、このエラーは発生しなくなります。したがって、問題はゲージを作成する関数にあります。ここにあります:

誰かが修正方法を教えてください。

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

javascript - Sencha Touch エラー: オブジェクトには getShowInLegend メソッドがありません

Sencha Touch 2.3.1 コマンド: 4.0.XX

Sencha Touch Charts アプリがチャートを描画しようとすると、このエラーがスローされます。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'getShowInLegend' がありません AbstractChart.js?_dc=1395914109534:649
Ext.define.refreshLegendStore AbstractChart.js?_dc=1395914109534:
649 877
セッター sencha-touch-all-debug.js:5491
Base.implement.initConfig sencha-touch-all-debug.js:4920
Ext.define.constructor sencha-touch-all-debug.js:22651
Base.implement.callParent sencha-touch-all-debug.js:4656
Ext.define.constructor sencha-touch-all-debug.js:32375
Base.implement.callSuper sencha-touch-all-debug.js:4735
Ext.define.constructor コンポーネント。 js?_dc=1395914109519:100
Base.implement.callSuper sencha-touch-all-debug.js:4735
Ext.define.constructor AbstractChart.js?_dc=1395914109534:626
Class sencha-touch-all-debug.js:5208
(無名関数) VM14212:3
Ext.ClassManager.instantiate sencha-touch-all-debug.js:6936
Ext .ClassManager.instantiateByAlias sencha-touch-all-debug.js:6848
Ext.apply.factory sencha-touch-all-debug.js:9980
Ext.define.factoryItem sencha-touch-all-debug.js:32637
Ext.define .add sencha-touch-all-debug.js:32714
Ext.define.applyItems sencha-touch-all-debug.js:32538
セッター sencha-touch-all-debug.js:5482
(無名関数) sencha-touch-all -debug.js:5516
Ext.define.applyActiveItem sencha-touch-all-debug.js:33208
(匿名関数) sencha-touch-all-debug.js:16565
Base.implement.initConfig sencha-touch-all-debug.js:4920
Ext.define.constructor sencha-touch-all-debug.js:22651
Base.implement.callParent sencha-touch-all-debug.js:4656
Ext. define.constructor sencha-touch-all-debug.js:32375
Class sencha-touch-all-debug.js:5208
(匿名関数) VM14212:3
Ext.ClassManager.instantiate sencha-touch-all-debug.js:6936
Ext .ClassManager.instantiateByAlias sencha-touch-all-debug.js:6848
Ext.apply.factory sencha-touch-all-debug.js:9980
Ext.define.factoryItemWithDefaults sencha-touch-all-debug.js:32683
Ext.define .add sencha-touch-all-debug.js:32707
Ext.define.applyItems sencha-touch-all-debug.js:32538
セッター sencha-touch-all-debug.js:5482
(無名関数) sencha-touch-all-debug.js:5516
Ext.define.applyActiveItem sencha-touch-all-debug.js:33208
Base.implement.callParent sencha- touch-all-debug.js:4656
Ext.define.applyActiveItem sencha-touch-all-debug.js:46269
(匿名関数) sencha-touch-all-debug.js:16565
Base.implement.initConfig sencha-touch-all -debug.js:4920
Ext.define.constructor sencha-touch-all-debug.js:22651
Base.implement.callParent sencha-touch-all-debug.js:4656
Ext.define.constructor sencha-touch-all-debug .js:32375
クラス sencha-touch-all-debug.js:5208
(無名関数) VM14212:3
Ext.ClassManager.instantiate sencha-
touch-all-debug.js:6936 Ext.ClassManager.instantiateByAlias sencha-touch-all-debug.js:6848 Ext.apply.factory sencha-touch-all- debug.js
:9980
define.factoryItem sencha-touch-all-debug.js:32637
Ext.define.add sencha-touch-all-debug.js:32714
doCharts doCharts.js:394
Ext.Ajax.request.success standardFunctions.js:166
Ext. apply.callback sencha-touch-all-debug.js:10268
Ext.define.onComplete sencha-touch-all-debug.js:35765 Ext.define.onStateChange
sencha-touch-all-debug.js:35709
(無名関数)

グラフは次のビューにレンダリングされます。

グラフは、別の .js ファイルを使用して追加されます。コードは次のようになります。

私は AbstractChart.js を見てきましたが、確かに、関数を呼び出しています。ディレクトリ全体 (inc /app および /src) を検索しましたが、関数が見つかりません。

「Ext.chart.AbstractChart」が必要とし、拡張するすべてのファイルを更新しましたが、それでもエラーが発生します。

docs.sencha.com から更新できるように、関数が属するクラスを教えてください。または、このエラーを修正する方法を教えてください。

0 投票する
2 に答える
295 参照

javascript - Sencha Touch 2 でチャートを作成する

これは私の見解です:

(チャート関連のコードは、作成された星印の行で終了します)

これは私のモデルです:

これは私の店です:

このエラーで終わっています: Uncaught TypeError: Cannot call method 'getData' of null

誰でもこれを見て、チャートをレンダリングするのを手伝ってもらえますか?

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

javascript - ExtJS 5 円グラフがリモート ストアを使用してレンダリングされない

ExtJS 5 に基本的な円グラフがあります。私が抱えている問題は、グラフが静的な JsonStore でレンダリングされますが、リモートの data.store では適切にレンダリングされないということですか?

これが私のコードです:

見る(チャート)

モデル

これは、静的ストアでレンダリングする方法です。

静的JsonStoreを使用

これは、リモート ストアでレンダリングする方法です。

リモート Data.Store を使用

私は GPL の最新バージョンを使用していますが、チャートは Sencha CMD と sencha-charts ディレクトリの「sencha ant build」コマンドを使用して作成されています。

静的ストアには表示されるのに (下部の凡例に関してはまだ問題があります)、リモート json には表示されないのはなぜですか?

チャートがレンダリングされて表示されるようになった後、ストアをロードしようとしましたが、チャートをレンダリングする時間を与えるためにストアのロードを保留することに関する以前の投稿を見たことがありますが、これはうまくいきませんでした:

前もって感謝します :)

ネイサン

0 投票する
2 に答える
1595 参照

mvvm - require[] で「sencha-charts」を使用した EXTJS 5 Chart ToolTip が機能しない

私は現在 ExtJs5 MVVM アーキテクチャを使用しており、app.json ファイルで「ext-chart」よりも「sencha-chart」が必要です。チャートは正常に動作しますが、使用しているバー シリーズにツールチップを追加すると機能しません。エラーログはありません。

また、sencha chart kitchensink (どのチャート ツールチップが機能しているか) で彼らの例をチェックすると、そのためには「ext-chart」が必要であることがわかりました。ツールチップ構成を使用した棒シリーズの私のコード:

コードに何か問題がありますか?

ありがとう

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

extjs - ExtJs 5 Sencha-Charts 追加リスナー

こんにちは、sencha-chart の何が問題なのかを理解するのに苦労しています。これはバグなのか、それとも単に構文エラーなのかです。開始するには、extjs 5 の新しい sencha-charts を使用するアプリケーションがあります。調整した後、すでに機能している ff コードを思いつきました。問題は、リスナーを追加すると、リスナー イベントが機能しません。誰でもこれについて私を助けてください.:

コンソール ログにエラーはありません。イベントの発生を除いて、すべての要素が機能しています。助けてください。私はすでに多くの解決策を試しましたが、どれもうまくいきません。ありがとうございました