问题标签 [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 回答
384 浏览

c3 - “工具提示”上的散点图大小

如何在工具提示上检索散点图的半径(或大小) 。

我做过这样的事情。所以当我指向那个气泡时,工具提示应该显示大小。如何做到这一点?

谢谢

0 投票
2 回答
3663 浏览

javascript - Trigger window resize event with dojo

I would like to find a way to trigger the window resize event (the one fired when you resize the window of your browser) using Dojo. It will allow me to resize my C3 Charts.

I found the module on allowing to listen and trigger custom events with the function emit, so here is what I tried :

Where win is the dojo/_base/window module that I tried to use as the source of the fired event. I also tried this :

But nothing is working, my charts are not receiving the event.

0 投票
1 回答
64 浏览

json - 使用 JSON 的带有 C3 的 LineChart

我无法理解,因为我的图表无法正常工作。什么都显示。

在我的简单代码下面:

和以下 json 文件:

你有什么主意吗 ?我的控制台中没有任何错误消息。JSFIDDLE:这里

0 投票
3 回答
1371 浏览

javascript - 使用 C3JS 仅显示 Y 轴上的 MIN/MAX 值

我希望 y 轴只包含我的数据的最小值/最大值。我尝试使用 d3 指令但没有结果。

我查看了谷歌,但没有找到实现这种行为的答案。

代码下方:

我怎样才能达到上述结果?d3.max(scene) 返回 NaN。

0 投票
1 回答
1253 浏览

tooltip - Tooltip C3JS - 在表格中添加一行

我正在尝试在工具提示中显示的表格上添加页脚。在这一行中,我想显示从 json 文件加载的特定数据。

图表:

我打印了日志,表格似乎生成得很好,但是如果您查看工具提示:

在此处输入图像描述

我看不到最后一行。

这里生成的表的日志:

0 投票
1 回答
6678 浏览

javascript - 使用 c3.js 创建自定义甜甜圈或饼图

尝试使用 c3.js 创建以下内容。

在此处输入图像描述

我们在整个应用程序中使用相同的图表库,因此希望保持一致。在 c3.js 中没有找到自定义甜甜圈或饼图的方法来获得这个。非常感谢任何帮助或指示。

0 投票
1 回答
683 浏览

c3 - 线和轴之间的间隙与 C3

如何使用 C3 库删除轴和线之间的空间?

在此处输入图像描述

我想实现这样的目标:

在此处输入图像描述

肿瘤坏死因子

0 投票
1 回答
60 浏览

tooltip - OnMouseover - 带有 C3 库的特定系列的隐藏工具提示

我有一个带有两条简单线条的 LineChart,我必须有可能隐藏特定系列的工具提示(呈现不可选择的线条)。是否可以通过提供的一些 api 来实现它?

我正在尝试发展我的特定行为:

0 投票
1 回答
2417 浏览

javascript - c3.js - 缩放图表时显示刻度标签/值

我正在寻找一种在缩放图表时显示刻度标签/值的动态方式。此功能在其他一些 js 图表包中可用,我不确定它是否在 c3 中可用,或者因为我在 c3 文档中没有找到此功能。

放大图表:

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

但是,因为我的图表有很多 x 值,所以在开始时,刻度值是重叠的: 在此处输入图像描述

如果我定义:剔除:{max:30},初始图表看起来不错: 在此处输入图像描述

但是当放大图表时,刻度将显示不超过 30: 在此处输入图像描述

任何人都可以帮忙吗?非常感谢!

0 投票
1 回答
3673 浏览

javascript - C3.js 定位和调整大小

我正在使用 C3.js 来可视化数据,但我不明白图表的定位和大小是如何工作的。

当我添加/初始化图表时,所有其他元素都会移动。换句话说:不可能在图表的水平面上放置任何元素。在将图表添加到页面之前,这不是问题。

我的 HTML 代码如下所示:

我的 Javascript 代码如下所示:

我的 CSS 代码如下所示: