d3.js - C3.js - 独立显示/隐藏数据系列的点

标签 d3.js charts c3.js

我正在使用 C3.js 为数据系列创建折线图。

我正在努力尝试仅显示其中一个系列的“积分”。

基本上,首先我使用一些引用数据创建一个多系列折线图,然后我加载(使用 char.load)一个新的特定数据线,我想在其中显示点,仅针对该特定线,而其他引用线留在隐藏点。

这可以通过 C3.js 实现吗?如果是这样,你能指导我这样做吗,谢谢!
此外,在使用 C3.js 的同时使用 D3.js 的任何方法都是受欢迎的。

这是一个数据系列的所有点都隐藏的官方例子,仅供引用:
http://c3js.org/samples/point_show.html

最佳答案

c3.js为其所有元素提供全面的类属性,以便您可以使用 CSS 自定义它们。例如,要隐藏第二个系列的点,请添加以下 CSS:

#chart .c3-circles-data2 {
  display: none;
}

示例 here .

关于d3.js - C3.js - 独立显示/隐藏数据系列的点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27116623/

相关文章:

javascript - 安装 c3 以在带有 ES6 导入的 webpack 项目中使用的正确步骤是什么?

angularjs - 导入 C3 和 D3 时出现 Typescript 编译错误

jquery - 通过单击 d3.js 中的节点来删除和添加节点

javascript - 将数据从父选择传播到子选择 (D3)

c# - 如何使用 C# 在 Excel 图表中添加虚线网格?

javascript - 如何从 javascript 数组本身向图表 js 添加数据?

css - 如何更改 c3.js 图表中文本的颜色?

d3.js - D3树: lines instead of diagonal projection

javascript - 使用 d3 从 CSV/JSON 读取西里尔文本

asp.net 图表 : final series getting cut off when setting . AxisX.Maximum