问题标签 [cumulative-line-chart]

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

jquery - NVD3 累积折线图:如何为特定 X 轴设置不同的背景颜色

我正在使用 NVD3 累积折线图,它非常适合我,但我想设置不同的背景颜色以突出显示 X 轴上的某个特定时间,如下图所示。 在此处输入图像描述

或为特定部分的图形设置不同的背景 在此处输入图像描述 如上所示,我想为特定时间段设置不同的 X 轴颜色

因此,请向我展示任何可能的方法或任何可能的方法来满足此要求。

提前致谢。

0 投票
1 回答
1942 浏览

tableau-api - 在 Tableau 中创建累积变化图

我有一堆每日变化百分比数据。我想计算累积变化,在 Tableau 的图表中应该只是(1+变化)*前一天。

看起来很简单吧?我可以在 Excel 中在几秒钟内完成,但我已经尝试了几个小时让它在 Tableau 中工作并且无法做到。

我的想法是我可以创建一个(1+daily change%)的列,然后尝试做一个复合产品。但是,我似乎无法让它工作。

我无法在此处附加任何文件,因此我粘贴了数据以及“cum change”列,这就是我希望计算的结果。

非常感谢您!

0 投票
1 回答
379 浏览

jquery - NVD3 累积折线图:如何将折线图保存为图像

我正在使用NVD3 Cumulative Line Chart,它非常适合我,但我想将该图保存为图像(如屏幕捕获)。为此,我已经尝试过html2canvas,但它不会保存与图形相同的图像。如下图所示。

在此处输入图像描述

我想要与生成的折线图相同的图像。所以请告诉我方法。

0 投票
2 回答
294 浏览

r - 这种类型的图是什么,你如何在 R 中绘制它?

http://imgur.com/IfVyu6f

我认为这将是一种叫做累积和发现累积频率图和累积流量图的东西。但是,我认为图像中的图表也不是,因为累积图表从 0 开始,但我的变量不是。此外,密度图听起来最接近,但它是 1 区域上的分布,但我想显示频率。

基本上,变量是主变量的子部分,我想显示这些子变量何时收敛以创建峰值。本质上,这些变量相加以显示累积界限。

0 投票
1 回答
422 浏览

angularjs - RestAngular - Angular - NVD3 - CumulativeLineChart - 绘制 y 轴和 x 轴

我是Restangular使用angular-nvd3图表 api 的新手。

我有RestService它以以下格式返回 Json 响应。

3 不同的线将绘制在单个图表上。

键 - 名称,如 A、B、C 值 - 毫秒、订单/秒

x 轴 - Date(从毫秒转换)

y轴 -orders/sec

JSON

使用的数据结构 -List<String , List<List<Long>>>

我正在使用下面绘制图表

脚本代码

HTML

我面临的问题

1.) 上面的代码运行良好,没有脚本错误,什么都没有。图表正在显示。

2.) Y 轴绘制不正确,值以小数形式出现,但响应如图所示 return Long values

3.) y 轴显示负图

4.) x 轴不是以连续方式绘制的,即 17:13 -> 17:16.....,如何显示 17:14、17:15 等。

在此处输入图像描述

0 投票
0 回答
445 浏览

gnuplot - Gnuplot,在累积图中选择线型

大家好

我正在绘制最多 15 行的累积图。为了使其更具可读性和可读性的黑白印刷,我想使用不同的线型,但有一个问题。首先,我的脚本:

我的数据文件如下所示:

我希望 Gnuplot 使用我之前设置的样式,但它只针对颜色这样做。其他选项被忽略。当我添加“带线点”或“带点”时,我会得到不同的点类型。到目前为止,一切都很好。'with lines' 或 'withlinespoints' 不起作用的是线型。这只是标准的。当我在绘图命令中特别使用 'lt x' 时,它使用第 x 线型,而不是线型。我想知道,可以选择具有那种情节的线型吗?这真的很有帮助,因为点类型很容易在图表中丢失。如果可以的话,是否也可以使线型一致。我的意思是,如果这些点彼此非常接近,那么线型仍然是可读的。

任何帮助表示赞赏,甚至是使其在黑白中比线或点类型更具可读性的替代方法。谢谢!

0 投票
1 回答
2837 浏览

javascript - d3 直方图在同一图表/图表中具有累积频率/分布线?

d3 很酷,我是新手。直方图有几个例子,我选择了这个。我对累积折线图、累积分布和累积频率进行了简短的搜索,所有这些都与 d3 相关,但没有找到像我要找的东西,但我找到的最接近的是这个,并且根据更好的解决方案,我会尝试去追求,看看我是否可以根据我的需要定制它。不过,理想情况下,我正在寻找类似于Excel 提供的东西就直方图而言,累积频率/分布线叠加在顶部(其轴/标签是右侧的 y 轴)。d3 是否有这样的等效功能(理想情况下可作为示例/演示使用)?这样我就有 1 个图表而不是 2 个。

如果没有现成的示例/演示,有什么技巧可以扩展我选择的直方图实现,在同一图表上使用累积频率线,右侧有一个轴标签?由于我是新手,我自己很难/很棘手。

0 投票
2 回答
602 浏览

javascript - 使用 d3 将累积百分比线拟合到已排序的直方图输出,以获得帕累托图直方图

这是我到目前为止所拥有的:https ://gist.github.com/daluu/fc1cbcab68852ed3c5fa和http://bl.ocks.org/daluu/fc1cbcab68852ed3c5fa。我正在尝试复制 Excel 功能。

该线与基本/原始http://bl.ocks.org/daluu/f58884c24ff893186416中的默认直方图非常吻合。而且我能够以降频对直方图进行排序,尽管这样做,我切换了 x 尺度(从线性到序数)。在这一点上,我似乎无法正确地将线映射到排序的直方图。就视觉表示而言,它应该类似于以下示例:

  • 上面引用的我的要点中的评论中的 Excel 屏幕截图
  • 此 SO 帖子中的帕累托图排序直方图
  • 在这里用 d3 制作的帕累托图(类似于但不完全是排序的直方图)

使剩余部分正常工作的最佳设计方法是什么?我应该从单个 x 刻度开始而不需要从线性切换到序数吗?如果是这样,我不确定如何使用序数比例正确应用直方图布局,或者如何不使用线性 x 比例作为直方图布局的输入源并仍然获得所需的输出。

使用与我到目前为止的代码相同的序数比例,这条线看起来不错,但它不是我期望看到的曲线。

任何帮助表示赞赏。

0 投票
2 回答
73 浏览

php - 保持累积的月数

我想记录日期中发生的月份数,从 CSV 中读取,其中日期以 dd/mm/yyyy 格式输入。$all是这些日期的数组。我正在绘制从 9 月开始到 7 月结束的学年中学生的进步情况。日期代表学生的成绩。我需要计数是累积的 - 9 月的日期也应该在随后的所有月份等中计算在内。然后我用它来创建一个谷歌图表,如下所示:

示例图

我有以下工作代码,感觉很麻烦。我觉得我错过了一些可以更简洁的方法来解决我的问题的东西。

是否有以这种方式处理日期的通用解决方案?你能建议更广泛的阅读吗?

0 投票
1 回答
1135 浏览

d3.js - d3:绘制为累积图

d3是否具有将数据集绘制为累积图的内置方法?

例如,如果 y 值为: [2, 4, 2, 2],我希望它们实际上被绘制为: [2, 6, 8, 10]。d3 是否有办法做到这一点,还是我必须遍历数据集并手动执行此操作?