问题标签 [metricsgraphicsjs]

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

javascript - 带有 metrics-graphics.js 的 TSV 文件

我正在尝试使用.tsv 文件中的数据显示图表:

这将每一行输出为:

我将如何显示一行,因此选择它的名称(例如“B1GQ,CP_MEUR,AL”),并在图表上显示该数据,x=year 和 y=value?

抱歉,如果这是一个相当愚蠢的问题,但我对 .js、.tsv 文件和一般的 Web 开发是新手。我试过自己解决这个问题,但失败了。

0 投票
0 回答
157 浏览

javascript - MetricsGraphics.js 链接两个具有不同“chart_type”属性的图表(javascript)

我正在使用MetricsGraphics.js绘制一个简单的时间序列。我无法使用该linked: true选项将“折线”图表与“点”图表联系起来。当两个图表属于相同类型时,链接有效,但当它们不同时无效。

以下 jsfiddles 显示了这一点。首先,当您将鼠标悬停在一个图表中的数据点上时,两个图表中的点都会突出显示。在第二种情况下,将鼠标悬停在一个图表中的数据点上不会影响另一个图表。

两个图表都有chart_type: 'line'jsfiddle.net/7jc1h8vv

一个图表有chart_type: 'point',另一个chart_type: 'line'jsfiddle.net/7jc1h8vv/1

问题:如何将“点”图和“线”图链接在一起?或者,如果无法做到这一点,那么如何为“折线”图表中的线上的每个数据点创建数据符号,以便有效地叠加两个图表?


根据文档,MetricsGraphics.js 库提供了一个选项,该选项linked: true将执行以下操作:

将链接选项设置为 true的所有其他图形链接在一起。当该集合中的一个图形翻转时,其他图形中的相应值也翻转。

请参阅链接在一起的两个图表的文档中的此示例

0 投票
1 回答
77 浏览

reactjs - React Metrics 图形在渲染时不显示

我在 github链接上关注 React Metrics Graphics 的安装和使用,但在渲染时不显示图形。

这是我要创建链接的链接

任何人都可以帮我显示图表吗?

0 投票
1 回答
98 浏览

javascript - 如何删除 metricsgraphs.js 折线图下方/上方的黑色区域?

我正在尝试学习如何使用 metricsgraphs.js 库,但折线图有问题。我尝试以与 metricsgraphicsjs.org 示例中指示的相同方式绘制基本折线图,但是在我的图表上方/有时下方(取决于数据)有一些神秘的黑色区域,我不知道如何删除它或者为什么它在那里。

这是我在 html 文件中导入的内容:

这就是我在 javascript 中绘制图形的方式:

结果如下所示:

具有随机黑色区域的结果线图

有人在度量图上遇到过类似的行为吗?那个黑色区域是什么?或者有人知道一些关于metricsgraph.js的好例子而不是它自己的网页?(例如一些关于条形图的例子)

0 投票
0 回答
8 浏览

javascript - 如何在 aspx .Net 文件中集成metricsgraphicsjs

我正在更新一个旧的 .aspx 网页,女巫呈现时间序列区域图。该页面使用过时的 JS 库Timeplot,我正在寻找一个新的 JS 库来呈现图表。

我遇到了这个 JS 库metricsgraphicsjs。但我无法将图表呈现到 .aspx 页面中。对于测试,我正在使用他们的代码示例之一。下面是我正在使用的代码。

我错过了什么?这个库可以在.Net 上运行吗?