問題タブ [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 - ExtJS 4.2 - チャートの再描画、まだ古いラベルが表示される
作成中の折れ線グラフに問題があります。
毎秒自動的に更新されるように作成しており、「Ping Time」テキストフィールドの値を取得して、次の「分」インデックスでチャートに配置します。
ただし、チャートが更新されると、軸が適切に更新されないという問題があります。ここで実際にこれを見ることができます:
関連するコードは、チャートの作成です。
さわやかなコードだけでなく、
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
私のアプリは、ゲージと棒グラフの両方を生成します。ゲージを無効にすると、このエラーは発生しなくなります。したがって、問題はゲージを作成する関数にあります。ここにあります:
誰かが修正方法を教えてください。
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 から更新できるように、関数が属するクラスを教えてください。または、このエラーを修正する方法を教えてください。
javascript - Sencha Touch 2 でチャートを作成する
これは私の見解です:
(チャート関連のコードは、作成された星印の行で終了します)
これは私のモデルです:
これは私の店です:
このエラーで終わっています:
Uncaught TypeError: Cannot call method 'getData' of null
誰でもこれを見て、チャートをレンダリングするのを手伝ってもらえますか?
javascript - ExtJS 5 円グラフがリモート ストアを使用してレンダリングされない
ExtJS 5 に基本的な円グラフがあります。私が抱えている問題は、グラフが静的な JsonStore でレンダリングされますが、リモートの data.store では適切にレンダリングされないということですか?
これが私のコードです:
見る(チャート)
店
モデル
これは、静的ストアでレンダリングする方法です。
これは、リモート ストアでレンダリングする方法です。
私は GPL の最新バージョンを使用していますが、チャートは Sencha CMD と sencha-charts ディレクトリの「sencha ant build」コマンドを使用して作成されています。
静的ストアには表示されるのに (下部の凡例に関してはまだ問題があります)、リモート json には表示されないのはなぜですか?
チャートがレンダリングされて表示されるようになった後、ストアをロードしようとしましたが、チャートをレンダリングする時間を与えるためにストアのロードを保留することに関する以前の投稿を見たことがありますが、これはうまくいきませんでした:
前もって感謝します :)
ネイサン
mvvm - require[] で「sencha-charts」を使用した EXTJS 5 Chart ToolTip が機能しない
私は現在 ExtJs5 MVVM アーキテクチャを使用しており、app.json ファイルで「ext-chart」よりも「sencha-chart」が必要です。チャートは正常に動作しますが、使用しているバー シリーズにツールチップを追加すると機能しません。エラーログはありません。
また、sencha chart kitchensink (どのチャート ツールチップが機能しているか) で彼らの例をチェックすると、そのためには「ext-chart」が必要であることがわかりました。ツールチップ構成を使用した棒シリーズの私のコード:
コードに何か問題がありますか?
ありがとう
extjs - ExtJs 5 Sencha-Charts 追加リスナー
こんにちは、sencha-chart の何が問題なのかを理解するのに苦労しています。これはバグなのか、それとも単に構文エラーなのかです。開始するには、extjs 5 の新しい sencha-charts を使用するアプリケーションがあります。調整した後、すでに機能している ff コードを思いつきました。問題は、リスナーを追加すると、リスナー イベントが機能しません。誰でもこれについて私を助けてください.:
コンソール ログにエラーはありません。イベントの発生を除いて、すべての要素が機能しています。助けてください。私はすでに多くの解決策を試しましたが、どれもうまくいきません。ありがとうございました