问题标签 [plottable]

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 投票
2 回答
810 浏览

javascript - 带有 Plottable.js 的基本数学 101 散点图

如何使用Plottable.js 制作如下图所示的基本散点图?

  • 我的 JSON 有问题吗?
  • 如何显示负刻度?
  • 你会做其他不同的事情吗?

样式无关紧要,默认的 Plottable.js 一个就可以了。

在此处输入图像描述

0 投票
1 回答
364 浏览

javascript - D3 时间轴,如 plottable.js

我有 D3 Web 应用程序,今天我使用标准d3.svg.axis来显示时间轴。我想将其更改为像Plottable实现的时间轴,例如Plottable.Axis.Time版本。

这是时间线在绘图表中的样子:

默认可绘制时间轴

我可以在当前应用程序中直接使用 Plottable 时间轴吗?如果是,如何?

(或者是否有另一个库可以很容易地做与 plottable 相同的事情?)


一些背景

这是来自http://plottablejs.org/examples/linechart/的屏幕截图,显示了 D3 和 Plottable 之间的差异:

可绘制时间与 D3 标准行为

我目前像这样创建我的时间轴:

并像这样布置它:

0 投票
1 回答
227 浏览

javascript - 如何在 Plottable.js 直方图中启用图例

我有以下脚本。它只是在给定数据中绘制直方图。

如果你执行代码,你可以看到图例没有出现。如何启用它并将其放在情节的右上角?

0 投票
1 回答
180 浏览

javascript - 如何让qtip2响应动态用户输入

我有以下工作代码。它获取输入数据并基于 a 显示直方图threshold

如果您运行代码,您会注意到直方图会在您拖动滑块时发生变化。如果您将鼠标放在直方图栏中,则会出现一个工具提示。

我面临的问题是工具提示的值在用户输入到滑动条时不会改变。例如分数是threshold=1.5和,分数是。这不会反映在工具提示中。如何解决这个问题?Bcell6.75threshold=25.13

0 投票
3 回答
943 浏览

javascript - 如何在 Plottable.js 中调整图表大小

我正在使用 Plottable.js 在我的页面上绘制图表。我想在调整窗口大小时调整图表大小。

我试图通过css(以及svg宽度和高度属性)设置大小,但没有成功。

这是我通过 svg 属性设置的尝试:

这是我尝试通过 css 设置的:

任何想法?

谢谢

0 投票
1 回答
199 浏览

javascript - 使用相同的数据集创建 Plottable.js 堆积条形图

我正在尝试使用同一数据集中的 plottable.js 创建堆积条形图。是否可以?

这是我的示例数据集

http://plottablejs.org/components/plots/stacked-bar/上发布的示例中,它使用了两个数据集。

我的问题是,因为我使用的是相同的数据集,我需要将“y”函数更改为两个不同的函数,如下所示:

是否可以?如果是,如何?

谢谢...

0 投票
1 回答
674 浏览

javascript - 如何使用 Plottable.js 创建饼图

我尝试使用 Plottable.js 创建一个饼图。有谁知道怎么做?我对如何传递值并放入标签感到困惑。

这是我的示例数据:

再次感谢!

0 投票
2 回答
563 浏览

javascript - 如何在 Plottable.js 饼图中使用自己的调色板

我有以下代码:

如果您运行代码,您会注意到饼图是使用默认颜色生成的。

我想做的是使用我自己的调色板:

我怎样才能做到这一点?

0 投票
1 回答
543 浏览

charts - 如何在 plottable.js 中创建烛台图

在绘图中创建烛台图的最佳方法是什么?我想在 wiki 上做类似这张图片的事情: Wiki example

我正在考虑使用堆叠条形图并使用 css 对其进行样式设置。例如,柱中的最低值将是透明的,只是为了垂直定位烛台。条中的下一个值将是较低的棒(用 css 水平挤压的矩形成为线)。接下来是已经是矩形的主体,上杆将再次被矩形挤压成直线。

这是正确的方法还是有更优雅的解决方案?有没有例子?有没有人做过这样的事情?

0 投票
1 回答
59 浏览

javascript - 从 Javascript Plottable Piechart 有条件地删除标签

我有以下代码:

我的问题是如何让饼图只显示值大于或等于的标签10(即用户定义的限制)?