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

javascript - gRaphael 库:无法创建折线图

我正在使用 gRaphael JavaScript 库,并试图绘制一个简单的折线图。
我目前在页面上的代码是:

我从教程中找到了这段代码,位于:https ://github.com/kennyshen/g.raphael/blob/master/examples/linechart/linechart_basic.html

所有必需的文件raphael.jsg.raphael.jsg.line.js也包含在页面的前面。

当我查看页面时,它只是显示为白屏。将不胜感激任何帮助,谢谢。

0 投票
2 回答
7726 浏览

javascript - 谷歌折线图:拖动调整值

我最近放弃了使用Graphael和扩展包Ico。我认为它仍然是一个很棒的库,它只需要更好的文档和适当的 API 才能被广泛采用。

我已经将带有图表的区域转换为使用谷歌图表,但似乎无法找到一种方法来执行我使用 graphael 的一个特定功能:拖动支持。我的一个折线图 需要是可编辑的,这意味着可以上下拖动线条上的各个点来调整值。

我一直在尝试在 API 中找到一个事件或附加事件的方法,但没有取得多大成功。有没有人设法做这样的事情?

据说可以做自定义图表 - 可以这样做吗?

编辑:似乎不太可能,或者很难连接到 Google API 或输出的 SVG。它位于 iframe 中并且没有可用的源代码,这使得它的吸引力越来越小。

从那以后,我开始尝试使用Highcharts。我能够做谷歌引擎所做的一切,并且可以在图表被渲染后摆弄它。由于提供了源代码,因此更容易弄清楚某些事情。它似乎也比谷歌解决方案工作得快一点,因为它在做折线图而不是单个 SVG 圆形元素时使用路径。

我现在面临的问题与 SVG Path 元素有关 - 没有单点可以设置拖动。因此,为了使用 jQuery.draggable,必须在与要拖动的 SVG 路径片段相同的位置注入 SVG Circle 或另一个元素。所以必须解决以下问题: - 如何将创建的元素放置到正确的位置?- 缩放图表时如何移动元素(任一轴上的最小值或最大值变化)?- 如何将新位置转换回一个值,根据提供的系列数据进行缩放?

有没有人对 Highcharts 有足够的深入经验来摆弄这些?如果可能,我将尝试提供 JSfiddle 示例。

0 投票
1 回答
2283 浏览

gwt - GWT 折线图选项

我需要为图表中的不同系列设置不同的线宽。这可以使用此处的系列选项http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/linechart.html#Configuration_Options来完成。但是,此选项在 GWT 中不可用,这导致了我的问题。

我可以:

  1. 为 GWT 编写一个包装器。http://code.google.com/p/gwt-google-apis/wiki/VisualizationNewWrapper
  2. 使用 Options.set(...) 方法。http://gwt-google-apis.googlecode.com/svn/javadoc/visualization/1.1/com/google/gwt/ajaxloader/client/Properties.html#set%28java.lang.String,%20com.google.gwt .core.client.JavaScriptObject%29

这两种选择的问题是,当系列选项采用对象时,我也不知道该怎么做:

我该怎么做呢?

0 投票
3 回答
10518 浏览

jqplot - 基于相同日期或时间的多行 jqplot 图表

我有以下数据,我想用 jqplot 在带有 2 行的折线图上绘制它们。

我正在寻找的是与 XAxis:Time L1:[Yaxis1:Value1] L2:[Yaxis2:Value2]的聊天。

我可以公平地将数据结构更改为 [Time Value1] 和 [Time Value2]或任何其他类型,但是将它们一起绘制在一个图表中很重要。你能写下代码的草稿还是给我一个合适的例子?谢谢

0 投票
1 回答
690 浏览

javascript - 如何缩放多线谷歌图表以在相同高度具有最大值?

我正在使用 Google Chart API 在我的应用程序中显示多折线图。该图显示了几种货币的每日收入。

如您所见,当货币之间的汇率很高时(20 捷克克朗 = 1 美元),就会出现问题。您可能会注意到大约三分之一处的小凸起。这实际上是 18 美元,即(考虑到汇率时)约 360 捷克克朗。

我需要缩放线条以使它们的最大值处于相同的高度。

我知道我可以只使用乘法映射器,但是在悬停时显示的工具提示中会有错误的值。

你会推荐什么解决方案?我真的不喜欢自己渲染图表的想法。谢谢。

0 投票
1 回答
3078 浏览

vba - 更改折线图的线宽和最大。xlCategory 的规模

我在 Excel 2010 中创建了一个折线图。将 co(1 到 90) 调暗为 ChartObject。如何更改其线宽?我尝试使用:

发生错误:系列不是图表对象的一部分并且是否有任何解决方法可以实现 Max。xlCategory 的规模?

0 投票
1 回答
541 浏览

android - achartengine 折线图图形错误(也许)

我有一个完整的简单折线图。当第一次在一条黑线下生成图表时。(见图片)

http://i.stack.imgur.com/g0YK4.jpg

它只是在第一次生成时,我用新数据集每 30 秒重新绘制一次,在图表确定之后,没有黑线。

这是我的图表设置:

为什么第一次出现会有黑条?谢谢

0 投票
1 回答
2273 浏览

c# - ASP.NET 的 DevExpress 实时图表

有没有在 ASP.Net 中使用 DexExpress 的实时图表示例?

数据将来自 WCF 服务。

我需要模拟一个脉搏率图表,每 2 秒更新一次,我检查了 DevExpress 的演示示例,但我只在 ASP.Net 中找到了一个实时网格,并且图表是静态的。

欢迎任何帮助。

0 投票
0 回答
667 浏览

java - 如何使用具有y轴系列浮点数的jqplot绘制折线图

我正在使用 jqplot 绘制折线图。我正在将字符串从 java 返回到 javascript,它以“00.04|00.70|01.22|03.49”的格式保存 y 轴的坐标。我用“|”在javascript中分割这个字符串 和那个返回数组。现在我想绘制一个 y 轴坐标为 00.04、00.70、01.22、03.49 的折线图,但我无法绘制具有指定坐标的图形。为了绘制图形,我必须将最后一个坐标转换为整数,即 03.49到 3 或 4。这是我的 javascript 代码:

realJsString 是存储 java 字符串的变量 & 现在我用“|”分割它 获取数组并尝试使用代码绘制折线图:

任何解决方案?请帮忙。

0 投票
1 回答
2484 浏览

c# - 使用C#在excel中组合条形图和折线图

我可以通过下面的 MS Chart 创建条形图并显示带状线: 在此处输入图像描述

我试图在运行时在 C# 中创建的相同图表感觉就像在 excel 中导出图表。谁能指导我如何在条形图上绘制条形线,或者可以组合条形图折线图,使折线图似乎显示条形线。