问题标签 [linechart]

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 回答
769 浏览

apache-flex - Flex 中的折线图段

我在我的 Flex 应用程序中做一些折线图,我需要用不同的颜色绘制这些折线图的片段。有谁知道如何实现这一目标?例如,如果我有这样的代码(实际上,为了简单起见,我给出了这个简单的例子(问题是一样的)):

我希望这个“利润”系列是蓝色的(就像现在一样),但我希望这条线的第一段(1 月、2 月)是黄色,另一个段是(3 月、4 月、君)要红。

我知道我可以在现有片段的基础上为这些片段绘制额外的系列,并使用适当的颜色,但我想知道在 Flex 中是否有更优雅的方法来做到这一点?

谢谢你的回答。

0 投票
2 回答
1180 浏览

apache-flex - 弹性图表未沿 x 轴显示正确的值

我不知道有什么更好的方法来问这个问题。

如果运行以下代码(我知道 cData 部分在预览中不可见,某些原因会导致它被忽略)。

结果不能正确表示数据。1. Flex 忽略 DECKER 的缺失日期 8 月 24 日。2. 它错误地将 42.77 关联到 23-Aug 而不是 24-AUG。

flex中有没有办法,其中x轴是所有可用点的联合?

以下代码完全来自: Adobe 网站链接

我只评论了 2 个数据点。//{date:"23-Aug-05", close:45.74}, 和 //{date:"24-Aug-05", close:150.71},

]]>

0 投票
2 回答
2624 浏览

apache-flex - Flex折线图缩放

我在以 dateTimeAxis 作为水平轴的折线图上放大时遇到问题。我想通过使用滑块设置 dateTimeAxis 的最小值和最大值属性来放大和缩小。日期标签应该会发生变化,但是当我设置最小值或最大值时,线条会消失。

这是我拥有的代码的一部分:

0 投票
1 回答
1583 浏览

apache-flex - 为什么当 LineSeries 的 lineStroke 属性更改时,FLEX 4 LineChart Legend 停止显示颜色?

我正在 FLEX 4 中实现 LineChart。我的图表运行良好,但我不喜欢默认颜色并且不能使用它们,因为它们与我的数据关系不大。例如,对于我的数据列“室外温度”,橙色不是很好的默认颜色。如果可能的话,我宁愿覆盖它并使用绿色。

当我像这样明确指定 SolidColorStroke 时,这会破坏 LineChart 图例:

^ 使用此代码,LineChart Legend 将停止显示特定 LineSeries 的颜色,而仅显示为黑色。

如何覆盖 LineSeries 笔触颜色并将这些颜色保留到图例的显示中?

这是 FLEX 4 的错误吗?我注意到在 FLEX 3 示例中(甚至在 Adob​​e 的 FLEX 3 帮助网站上),您可以覆盖笔触颜色,并且它会保留在图表图例中。

任何帮助表示赞赏!

0 投票
1 回答
836 浏览

apache-flex - 如何从 FLEX LineChart 的自定义数据提示中删除不需要的文本/HTML 标签?

我编写了一个函数来覆盖我的 FLEX LineChart 的数据提示,因为默认的数据提示很丑陋而且很无聊。

我终于设置了我想要的样式,但现在在删除自定义数据提示中显示的不必要标签时遇到了一些问题。

例如,数据提示现在显示如下内容:

我总是可以执行“替换()”来删除那些中断和粗体的 HTML 标签,但这似乎真的没有必要和反开发。

我正在使用它来设置数据提示的标签文本:

为什么 [displayText] 显示我必须解析的 HTML 标签?如何根据我的文本值格式化这些标签?有设置吗?

我了解 HTML 标记的用途,尽管 FLEX(显然)没有使用它们。我只是不明白如何从文本中删除它们。我已经在容器中设置了我的样式属性,我认为这会覆盖这些标签吗?这可能是他们出现的原因吗?

有什么想法或建议吗?谢谢!

0 投票
5 回答
22293 浏览

javascript - 图形折线图

是否有一个很好的 Graphael 教程(特殊折线图),我目前正在尝试使用 grafael http://www.highcharts.com/demo/?example=line-time-series&theme=default来实现这样的图表,不幸的是没有文档.

0 投票
1 回答
111 浏览

iphone - 如何在核心数据中获得超出请求数据范围的一个数据点?

我正在开发一个 iPhone 应用程序,它在折线图中绘制一个大型数据库,通过核心数据访问。我正在使用基于图块的方法来呈现此图。数据点之间的距离是不规则的。

每个图块使用一个谓词来检索与该图块相关的数据:

NSPredicate* predicate = [NSPredicate predicateWithFormat:@"creationDate > %@ AND creationDate < %@",tileBeginDate, tileEndDate];

[请求集合谓词:谓词];

NSMutableArray *result = [[managedObjectContext executeFetchRequest:request error:&error] mutableCopy];

我在绘制位于不同瓦片中的数据点之间的线时遇到问题,因为绘制这条线需要瓦片范围之外的数据点。

理想情况下,我希望能够获得超出核心数据请求范围的一个数据点。有没有办法做到这一点?如果没有,还有其他建议吗?

0 投票
2 回答
2007 浏览

fusioncharts - 融合图 - 折线图

我们如何使用 fusionchart.rendercharthtml 绘制折线图

0 投票
1 回答
759 浏览

apache-flex - 如何在 Flex 折线图的水平轴上显示按年份分组的月份?

基本上我有一个 Flex 折线图,x 轴看起来像这样:


这很好,但我也想显示月份所属的年份,如下所示:


我的 dataprovider 是一个 xml 文档,如下所示:


这就是我为 LineChart 控件所拥有的:


我花了几个小时试图找到一个做类似事情但没有运气的例子。Flex 文档有几个示例在 y 轴上显示多个轴,但在 x 轴上没有。

我已经看到其他人发布的其他几个问题,他们想做类似的事情,但他们中的大多数人从未得到答案,或者答案是查看多个轴的文档 - 我已经完成了。

我在 IBM 网站上找到他们的 Flex 组件之一。这似乎表明可以按照我想要的方式格式化轴。我只需要有人引导我朝着正确的方向前进。

0 投票
1 回答
1271 浏览

charts - 已知轴上的 SVG 折线图

我想创建动态折线图(svg 格式)。 像这样

但是 svg 坐标系是相反的。像这样:

SVG坐标

当我有(0,9),(1,3),(2,6)之类的点时,图形将从上到下绘制。但 svg 具有旋转功能。但是当它向左(-方向)转动时,最后一个值将是第一个点。

我需要像镜像一样绘制折线图。但是有镜像功能,如 roate 或 scale 功能:(

有什么方法可以在简单的 xy 坐标上绘制折线图,​​例如:

已知 xy 轴