问题标签 [c3]

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

angularjs - 自定义属性类型指令来设置 c3 图表的背景颜色

我正在使用 Wasil C3 angularjs 指令(http://wasil.org/angularjs-directive-for-c3-js-tutorial),并且还有一个通过编译的示例 plunker(http://plnkr.co/edit/wiiUMk2KoHHrK4D1HdNu? p=预览)。由于需要设置子图表的背景颜色,我正在尝试创建一个自定义属性指令(subChartBgColor),以便我想在哪个图表上设置子图表的背景颜色,我可以简单地将属性 sub Html 标签上的 -chart-bg-color ,但有些它不起作用。谁能帮我修复我的 subChartBgColor 指令:

0 投票
1 回答
593 浏览

javascript - 条形图列未在 D3/C3 中分组

我正在使用 D3(技术上是 C3)来尝试创建分组条形图。

我正在尝试制作的图表将是每个职业的捐赠条形图,按 PaymentType 分组。对于我的生活,我无法弄清楚如何进行分组。

这是我到目前为止的代码。它产生我想要的一切,除了按 PaymentType 分组:

0 投票
1 回答
237 浏览

javascript - 如何在c3中拟合Y轴

我想使用旋转轴,我想适合 Y 轴。我怎样才能做到这一点?

我试过了 :

但没有任何改变。有什么帮助吗?我使用 0.4.10 版本的 c3。

0 投票
1 回答
3105 浏览

javascript - 带有canvg的C3.js SVG可视化到Canvas - 用黑色矩形填充的折线图,“错误:元素'parsererror'尚未实现”

我正在尝试使用 Canvg 将 SVG 转换为 Canvas。这是jsfiddle。我收到一条错误消息,“错误:尚未实现元素'parsererror'”。我可以理解 canvg 库无法解析 SVG 元素。但是,这个问题有解决方案吗?我需要从 svg 元素创建一个画布元素。

PS:svg 元素是由 C3.js(基于 D3.js 的可重用库)创建的。

0 投票
2 回答
11442 浏览

javascript - 如何在 d3 中悬停时增加饼图段的大小

我使用 d3 创建了饼图。如何在悬停时增加饼图的大小?如您所见,绿色段太小了,所以我想像红色段一样改变它的大小。我怎样才能做到这一点?

我的代码:

js fiddle 中有一个例子:jsfiddle 谢谢。 饼形图

0 投票
1 回答
552 浏览

mongodb - MongoDB Collection 作为 Meteor 应用程序中 cs.js 的数据源

正如标题所说,我正在使用c3.js在 Meteor 应用程序中绘制图表。但是,所有示例都静态设置数据源的变量。

我找不到c3与 Mongo 一起使用的正确方法。假设我有一个简单的模板,如下所示

然后图表代码如下

如何json使用查询 Mongo 的结果填充该字段,例如Models.find({"model" : "model1"},{"actual" : 1, "_id": 0}).

从 Mongo shell 运行等效db.models.find({"model" : "model1"},{"actual" : 1, "_id": 0})程序返回{"actual" : [ 1, 2, 3 ] }

我只是不知道如何解决这个问题

0 投票
1 回答
141 浏览

javascript - C3 显示 hh:mm:ss 的折线图

这可能吗?

我有一个精简图表,可以跟踪患者的检查时间。01:10:45这一次可能会以或00:45:00或类似的方式回来。我正在尝试将其绘制在图表上,以便接待员可以看到检查诊所需要多少时间。

最初我只是在几分钟内绘制出来,但只是被告知不会削减它。我找不到任何关于此的文档,我已经尝试了我能想到的一切。

这就是我的代码的样子

任何帮助将不胜感激!

0 投票
1 回答
11316 浏览

c3 - 使用 c3 js 的 json 饼图

以代码为例..

我需要生成一个具有 4 个分区(site1、site2 ...)的饼图,每个分区对应于其各自的上传值。

在上面的代码中我无法实现这一点(我指定了值:['upload'])......

我必须指定的确切值是多少?

谢谢..

0 投票
1 回答
741 浏览

javascript - 如何在 c3 图表中创建比例尺

我必须在C3条形图中表示数据。问题是数据集通常包含一个或两个非常大的值,而其他值要小得多(相比之下更小)。这会导致在几乎不可见的条形旁边出现非常高的条形。我知道使用这样的比例休息可以解决问题。但我还没有找到一个C3甚至提到它的例子。有没有办法在C3 charts?If not 中创建比例中断,是否有任何替代的开源JS库可以做到这一点?

0 投票
1 回答
1935 浏览

c3 - 在堆积条形图c3js中动态指定“组”

//以这段代码为例

在这里,我在组中指定了 yvalue[0],yvalue[1]。但我需要一个通用设计,我不知道我必须创建的组数(即段数)这取决于 json数据。

考虑这个例子,我有总计,总计 1,因此我只有 2 个值。但是如果在 json 中指定了第三个变量说总计 2,我应该在我的条形图中有一个段,依此类推。这必须在不改变的情况下完成每次添加字段时的组。有什么方法可以实现吗?

谢谢