问题标签 [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 回答
205 浏览

extjs - 打包代码后煎茶触摸图不起作用

我正在尝试在应用程序中呈现煎茶触摸图表,

以下是该视图的代码。

});

构建 sencha 代码后,运行打包代码时出现以下错误。

未捕获的类型错误:无法调用未定义 app.js:1 的方法“子字符串”

我想我没有加载图表所需的一些类。请务必指导我。

提前致谢。

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 投票
0 回答
617 浏览

sencha-touch-2 - Sencha 触摸图表:未捕获的类型错误:无法读取未定义的属性“长度”

在我的应用程序中,我正在尝试创建一个仪表图。我正在使用从 try.sencha.com 提取的以下代码:

app.js 包括'Ext.chart.SpaceFillingChart',

应用程序崩溃,console.log 显示:

未捕获的类型错误:无法读取未定义 Series.js 的属性“长度”?_dc=1395313495296:403
Ext.define.updateStore Series.js?_dc=1395313495296:403
Ext.define.updateChart Series.js?_dc=1395313495296:664
setter sencha -touch.js:5553
(匿名函数) sencha-touch.js:5578
Ext.define.getStore Series.js?_dc=1395313495296:396
Ext.define.processData Series.js?_dc=1395313495296:609
Ext.define.updateHidden Series.js?_dc=1395313495296:904
setter sencha-touch.js:5553
Base.implement.initConfig sencha-touch.js:4982
Ext.define.constructor Observable.js?_dc=1395313489290:96
Ext.define.constructor 系列。 js?_dc=1395313495296:388
Base.implement.callParent sencha-touch.js:4718
Ext.define.constructor Gauge.js?_dc=1395313495276:100
类 sencha-touch.js:5270
(匿名函数)VM17961:3
Ext.ClassManager.instantiate sencha-touch。 js:7011
(匿名函数) sencha-touch.js:3284
Ext.define.applySeries AbstractChart.js?_dc=1395313495165:821
setter sencha-touch.js:5544
Base.implement.initConfig sencha-touch.js:4982
Ext. define.constructor Component.js?_dc=1395313488525:980
Base.implement.callParent sencha-touch.js:4718
override.constructor Component.js?_dc=1395313488525:2904
Base.implement.callParent sencha-touch.js:4718
Ext.define.constructor Container.js?_dc=1395313492912:347
Base.implement.callOverridden sencha-touch.js:4834
override.constructor Container.js?_dc=1395313492912:1553
Base.implement.callSuper sencha-touch.js:4797
Ext.define.constructor Component.js?_dc=1395313495455:140
Base.implement.callSuper sencha-touch.js:4797
Ext.define.constructor AbstractChart.js?_dc=1395313495165:626
类 sencha-touch.js:5270
doCharts doCharts .js:215
Ext.Ajax.request.success standardFunctions.js:166
Ext.apply.callback sencha-touch.js:10405
Ext.define.onComplete Connection.js?_dc=1395313497651:902
Ext.define.onStateChange Connection.js ?_dc=1395313497651:846
(匿名函数)

我正在使用Sencha Touch 2.3, Sencha Cmd 4.0.2.67.

0 投票
1 回答
265 浏览

javascript - Sencha Touch 错误:对象没有方法 getShowInLegend

Sencha Touch 2.3.1 Cmd: 4.0.XX

我的 Sencha Touch Charts 应用程序在尝试绘制图表时抛出此错误:

未捕获的类型错误:对象 [object Object] 没有方法 'getShowInLegend' AbstractChart.js?_dc=1395914109534:649
Ext.define.refreshLegendStore AbstractChart.js?_dc=1395914109534:649
Ext.define.updateSeries AbstractChart.js?_dc=1395914109534: 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
类 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
setter 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
setter 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 投票
0 回答
191 浏览

javascript - Sencha Touch 制作版本

尝试为我的 Sencha Touch Charts 应用程序创建生产版本。

Sencha Touch 2.3.1
Sencha Charts 1.0.1
Sencha Cmd 4.0.2.67

构建运行正常,没有错误。但是,当我尝试运行新的生产版本时,由于所有代码都被缩小,我收到了一个我无法正确识别的错误。

所以,我创建了一个测试版本,使用Sencha app build -e testing -d build

同样,构建执行正常,没有错误。

当我尝试运行我的应用程序时,我收到一个如下所示的错误:

未捕获的类型错误:无法调用未定义 app.js:81009(匿名函数)app.js:81009
进程 app.js:6732
(匿名函数)app.js:6744
Ext.apply.onBeforeCreated app.js:5182的方法“registerType”
流程 app.js:5248
流程 app.js:5254
流程 app.js:5254
流程 app.js:5254
流程 app.js:5254
Ext.apply.process app.js:5258
Ext.Class.ExtClass app.js:5169
Ext.ClassManager.create app.js:6690
Ext.apply.define app.js:7385
(匿名函数)app.js:80773

app.js 的第 80773 行是Ext.define('Ext.chart.interactions.ItemCompare', {

app.js 的第 81009 行是
Ext.chart.interactions.Manager.registerType('itemcompare',Ext.chart.interactions.ItemCompare);

该文件也存在并且在 app.js 中是必需的

该类肯定存在并且'Ext.chart.interactions.ItemCompare'在 app.js 中

0 投票
2 回答
295 浏览

javascript - 使用 Sencha Touch 2 创建图表

这是我的观点

(图表相关代码在创建的 asterix 行结束)

这是我的模型:

这是我的商店:

我以这个错误结束: Uncaught TypeError: Cannot call method 'getData' of null

任何人都可以看看这个并帮我渲染图表吗?

0 投票
1 回答
2503 浏览

javascript - ExtJS 5饼图不使用远程存储呈现

我在 ExtJS 5 中有一个基本的饼图。我遇到的问题是该图表使用静态 JsonStore 呈现,但无法使用远程 data.store 正确呈现?

这是我的代码:

查看(图表)

店铺

模型

这是使用静态存储呈现的方式:

使用静态 JsonStore

这是它与远程存储的呈现方式:

使用远程 Data.Store

尽管图表是使用 Sencha CMD 和 sencha-charts 目录中的“sencha ant build”命令构建的,但我使用的是最新版本的 GPL。

为什么静态商店会显示它(关于底部的图例仍然存在问题)但远程 json 没有?

Iv'e 尝试在图表渲染后加载商店并且可见,因为我已经看到了一篇关于推迟加载商店以给图表时间渲染的帖子,但这不起作用:

提前致谢 :)

弥敦道

0 投票
2 回答
1595 浏览

mvvm - EXTJS 5图表工具提示在require []上使用“sencha-charts”不起作用

我目前使用 ExtJs5 MVVM 架构,我在 app.json 文件上需要“sencha-chart”而不是“ext-chart”,图表工作正常,但在我使用的条形系列上添加工具提示不起作用。没有错误日志。

我还检查了他们在 sencha chart kitchensink 上的示例(哪个图表工具提示正在工作),发现他们需要“ext-chart”。我的带有工具提示配置的条形系列代码:

我的代码有问题吗?

谢谢

0 投票
0 回答
913 浏览

extjs - ExtJs 5 Sencha-Charts 添加监听器

嗨,我很难弄清楚 sencha-chart 出了什么问题,这是一个错误还是只是一个语法错误。首先,我有一个使用 extjs 5 的新 sencha-charts 的应用程序。调整后,我想出了可以工作的 ff 代码,问题是当我向它添加监听器时,监听器事件不起作用。请任何人都可以帮我解决这个问题。:

控制台日志没有错误。除了触发事件之外,所有元素都在工作。请帮助。我已经尝试了很多解决方案,但这些都不起作用。谢谢