问题标签 [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.
javascript - gRaphael 库:无法创建折线图
我正在使用 gRaphael JavaScript 库,并试图绘制一个简单的折线图。
我目前在页面上的代码是:
我从教程中找到了这段代码,位于:https ://github.com/kennyshen/g.raphael/blob/master/examples/linechart/linechart_basic.html
所有必需的文件raphael.js、g.raphael.js和g.line.js也包含在页面的前面。
当我查看页面时,它只是显示为白屏。将不胜感激任何帮助,谢谢。
javascript - 谷歌折线图:拖动调整值
我最近放弃了使用Graphael和扩展包Ico。我认为它仍然是一个很棒的库,它只需要更好的文档和适当的 API 才能被广泛采用。
我已经将带有图表的区域转换为使用谷歌图表,但似乎无法找到一种方法来执行我使用 graphael 的一个特定功能:拖动支持。我的一个折线图 需要是可编辑的,这意味着可以上下拖动线条上的各个点来调整值。
我一直在尝试在 API 中找到一个事件或附加事件的方法,但没有取得多大成功。有没有人设法做这样的事情?
据说可以做自定义图表 - 可以这样做吗?
编辑:似乎不太可能,或者很难连接到 Google API 或输出的 SVG。它位于 iframe 中并且没有可用的源代码,这使得它的吸引力越来越小。
从那以后,我开始尝试使用Highcharts。我能够做谷歌引擎所做的一切,并且可以在图表被渲染后摆弄它。由于提供了源代码,因此更容易弄清楚某些事情。它似乎也比谷歌解决方案工作得快一点,因为它在做折线图而不是单个 SVG 圆形元素时使用路径。
我现在面临的问题与 SVG Path 元素有关 - 没有单点可以设置拖动。因此,为了使用 jQuery.draggable,必须在与要拖动的 SVG 路径片段相同的位置注入 SVG Circle 或另一个元素。所以必须解决以下问题: - 如何将创建的元素放置到正确的位置?- 缩放图表时如何移动元素(任一轴上的最小值或最大值变化)?- 如何将新位置转换回一个值,根据提供的系列数据进行缩放?
有没有人对 Highcharts 有足够的深入经验来摆弄这些?如果可能,我将尝试提供 JSfiddle 示例。
gwt - GWT 折线图选项
我需要为图表中的不同系列设置不同的线宽。这可以使用此处的系列选项http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/linechart.html#Configuration_Options来完成。但是,此选项在 GWT 中不可用,这导致了我的问题。
我可以:
- 为 GWT 编写一个包装器。http://code.google.com/p/gwt-google-apis/wiki/VisualizationNewWrapper
- 使用 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
这两种选择的问题是,当系列选项采用对象时,我也不知道该怎么做:
我该怎么做呢?
jqplot - 基于相同日期或时间的多行 jqplot 图表
我有以下数据,我想用 jqplot 在带有 2 行的折线图上绘制它们。
我正在寻找的是与 XAxis:Time L1:[Yaxis1:Value1] L2:[Yaxis2:Value2]的聊天。
我可以公平地将数据结构更改为 [Time Value1] 和 [Time Value2]或任何其他类型,但是将它们一起绘制在一个图表中很重要。你能写下代码的草稿还是给我一个合适的例子?谢谢
vba - 更改折线图的线宽和最大。xlCategory 的规模
我在 Excel 2010 中创建了一个折线图。将 co(1 到 90) 调暗为 ChartObject。如何更改其线宽?我尝试使用:
发生错误:系列不是图表对象的一部分并且是否有任何解决方法可以实现 Max。xlCategory 的规模?
android - achartengine 折线图图形错误(也许)
我有一个完整的简单折线图。当第一次在一条黑线下生成图表时。(见图片)
http://i.stack.imgur.com/g0YK4.jpg
它只是在第一次生成时,我用新数据集每 30 秒重新绘制一次,在图表确定之后,没有黑线。
这是我的图表设置:
为什么第一次出现会有黑条?谢谢
c# - ASP.NET 的 DevExpress 实时图表
有没有在 ASP.Net 中使用 DexExpress 的实时图表示例?
数据将来自 WCF 服务。
我需要模拟一个脉搏率图表,每 2 秒更新一次,我检查了 DevExpress 的演示示例,但我只在 ASP.Net 中找到了一个实时网格,并且图表是静态的。
欢迎任何帮助。
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 字符串的变量 & 现在我用“|”分割它 获取数组并尝试使用代码绘制折线图:
任何解决方案?请帮忙。
c# - 使用C#在excel中组合条形图和折线图
我可以通过下面的 MS Chart 创建条形图并显示带状线:
我试图在运行时在 C# 中创建的相同图表感觉就像在 excel 中导出图表。谁能指导我如何在条形图上绘制条形线,或者可以组合条形图折线图,使折线图似乎显示条形线。