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

charts - 我正在尝试一个从商店绘制图表的应用程序。它倾向于显示轴而不是图形线和点

该商店适用于应用程序的其余部分,但我无法使用该数据并在图表中绘制该数据。

我已经用我对图表的一点了解做了一些基本的工作。

我尝试了其他有效的示例,但我无法找出问题所在。控制台说:Uncaught TypeError: Cannot read property '1' of undefined

我已经安装了 ruby​​、compass 和 sass

看法:

模态:

店铺:

0 投票
1 回答
92 浏览

javascript - 标题属性打破了煎茶图

我创建了一个带有两个 Y 轴的示例图表,在我给系列一个title属性之后,它打破了图表。它在控制台上给出以下错误:

未捕获的 TypeError:Array.prototype.indexOf 在 null 或 undefined 上调用

如果我们查看调用堆栈,我们会看到这发生在updateTitle()函数中:

错误调用堆栈

根据文档,该系列确实有一个标题属性,那么为什么它会打破图表呢?

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 包)

我遇到了一个笛卡尔图表组件的问题,它无法在两点之间画一条线。我已将问题缩小到缺少特定系列中某个步骤的间隔数据,但还没有找到好的解决方案。

在以下 - 简化 - 示例中,您将在红线上看到一个中断,其中蓝线上的标记存在数据间隔“三” - 它位于两个红色标记之间。我正在尝试找到一种方法,在跨多个系列仅存在1 个或多个步骤的部分数据的情况下,直接从间隔“二”的红色标记绘制到间隔“四”的标记。

在此处输入图像描述

在我的实时应用程序中,沿 x 轴的数据实际上是日期,因此期望每个系列的每个间隔都有数据是不合理的。我也不愿意伪造不存在数据的点,因为标记有意义,而且我在点击事件上用它们做其他事情。

查看API ,我唯一的调查似乎是重载Seriesrenderer函数,但到目前为止,我还没有弄清楚是什么触发了抽奖,因为文档充其量是稀缺的。

如果有人已经解决了这个问题,在我开始分解框架之前,我会很感激任何指示?或者 - 健全性检查 - 我是否错过了一些明显的配置属性?

» 请拨弄一下

0 投票
1 回答
561 浏览

extjs - ExtJs4 到 ExtJs5 升级:GroupedColumn Chart 不起作用

我是 Extjs5 的新手。我正在将 extJs4 升级到 ExtJs 5。我正在尝试实现一个 groupedColumn 图表,但没有数据显示只有轴可见。即使我没有收到任何错误。我的代码如下:

我已经在 ExtJs 5 中使用as no more validExt.chart.series.Bar代替Ext.chart.series.Columnas Ext.chart.series.Columnno more valid 。我还进行了其他小的必要更改,以使我的代码与 ExtJs 5 兼容。您还可以在https://fiddle.sencha.com/#上查看此示例小提琴/hvk。我已经花了3天的时间。请帮忙!!提前致谢。

0 投票
0 回答
99 浏览

javascript - 如何在我的 Sencha Touch Chart 上使用项目信息交互

我有一个带有以下代码的图表

我需要在我的图表中添加一个 ontap 项目交互,但是我不知道该怎么做,我需要在我的图表中的一个系列的水龙头上显示系列数据

这是我的模型代码

到目前为止,我已将此添加到我的图表中

我只想知道如何在我的图表上正确呈现这些信息,信息是标题及其 meta_id

0 投票
1 回答
202 浏览

javascript - 有条件地覆盖 Ext JS/Sencha 图表框架

我是 Ext JS 和 Sencha 图表的新手。对于我们的应用程序,我们有多个图表,其中一个图表我需要隐藏 X 轴上的破折号。我们使用的是 Ext JS 版本 5.1,我在其中找不到 dashSize 属性。在框架中进行了一些挖掘之后,我做了一个空覆盖,如下所示

这就像我的要求的魅力,但适用于应用程序中的所有图表,我如何进行条件覆盖,所以我需要这样的东西,但不太确定如何将配置传递给框架

请帮忙。如果我需要提供更多详细信息,请告诉我...