问题标签 [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 投票
1 回答
832 浏览

d3.js - 如何使用/检索生成后的 C3 比例函数?

我正在使用 C3 生成图表,并发现有必要深入研究底层 D3 构造以补充其功能。我陷入了僵局,需要绘制一个受 x 值和 y 值限制的区域,但 C3 的“区域”功能只允许其中一个。所以,我需要在 C3 生成的图表上在适当的位置绘制一个矩形,但使用比例函数来确定新矩形的 X/Y 值。有没有办法用 C3 或底层 D3 库来做到这一点?

0 投票
1 回答
98 浏览

d3.js - D3.remove() is not working properly with c3-axis (I don't want to hide it)

I must remove the elements for the axis because I don't want to have empty space. I have to fit the graph in a panel.

enter image description here

I'm trying something like:

enter image description here

I printed this following selection in my console and it's all right but the remove doesn't work:

No results! What's the mistake ? I think that when I launch the function the chart is not completely generated, but I can't find a good solution to achieve the style desiderated.

0 投票
1 回答
1933 浏览

javascript - 如何使用 c3.js 在工具提示标题中显示每列的总数?

从 c3 官方页面获取

在这种情况下,我想在工具提示标题上显示 180 而不是 0。我知道它可以像在c3 官方文档中那样进行定制。但我找不到获得每列总数的方法。

0 投票
1 回答
51 浏览

javascript - 用js框架画专线

我想像这样用 x 和 y 轴画一条线在此处输入图像描述

我搜索了谷歌并找到了一个基于d3. 它可以绘制样条图,但我找不到那种聊天。

d3c3任何其他框架可以像这样画线吗?我应该使用什么功能?

0 投票
2 回答
621 浏览

jquery - 在使用 C3 绘制图表之前同步调用加载 json 文件

我有以下情况:在触发函数生成图表之前,需要加载三个不同的 JSON 文件。这是代码:

我知道这getJson()是异步的,所以我不能确定在触发图表 ( ) 函数之前加载所有数据generate()。此外,我不能使用该属性async=false,因为它已被弃用。

保证正确行为的最佳解决方案是什么?

0 投票
2 回答
4082 浏览

c3 - c3分组条形图的数据结构?

我正在使用 c3js 并尝试渲染三层中的每一层,并将每个月流失的条形图分组在 x 轴层下。我的问题是数据结构应该是什么?

在此处输入图像描述

目前的数据是:

当前的 c3 调用是:

谢谢!

0 投票
1 回答
177 浏览

csv - 来自 CSV 的 C3 堆积柱形图

我想在 C3 中创建一个堆积条形图,但在 CSV 中读取 url:“data.csv”

我不确定该功能是否存在,或者我是否需要为此转换 JSON 格式的 CSV?

谢谢!

0 投票
2 回答
4619 浏览

c3 - c3js - 显示在内容顶部的网格线

我一直在尝试使 x 轴网格线位于 c3js 条形图内容的后面。

我玩弄了不起作用的 z-index。我尝试了不透明度,但也没有用。

这是我正在使用的代码的 JSFiddle。

https://jsfiddle.net/chaitanya81/rvhb0fy4/1/

有人用 c3js 图表试过这个吗?

提前致谢。

0 投票
1 回答
4644 浏览

javascript - C3.js - 改变折线图中圆圈的颜色

我正在使用 C3.js 构建折线图。在此图中,我必须根据颜色数组更改圆圈颜色。

c3的代码如下:

对于每个数据点,我想用colors数组中的相应颜色填充它。我必须使用 CSS,但我不知道如何在这个generate函数中做到这一点。

0 投票
1 回答
58 浏览

d3.js - 仅使用 D3 创建带有 x 轴的图形

我想寻找创建如下图的教程,但我似乎不知道这种图的名称。图片示例

谁能告诉我这种图表的名称,或者指向我可以查看的教程。