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

javascript - 带有 json 数组 c3.js 的列数据

我正在尝试使用 C3.js 创建图表,但显示 json 数据时出现问题。

这是我的数据:

理想情况下,我想要一个折线图,其中每条线代表一个标签,图上的每个点都是一个值。这可能吗?在我将这些数据输入图表时,它只显示所有这些值的一行。

0 投票
1 回答
243 浏览

javascript - C3 图表:在条形图上隐藏键

我浏览了所有文档,但找不到隐藏条形图键的方法。

基本上,我想删除底部的“总数”和颜色。有没有人找到办法做到这一点?

在此处输入图像描述

0 投票
1 回答
5183 浏览

javascript - c3.js 如何获取 DataGroups 的 onclick 事件

我一直在使用 c3.js,但无法弄清楚如何为 X 轴中显示的数据组标签的 onClick 获取 JavaScript 事件。

基本上我需要事件,我可以在下面的圆圈区域中注册一个事件处理程序。

在此处输入图像描述

0 投票
1 回答
727 浏览

c3 - C3Js 图形 x 轴显示在图形之外

当我放大和/或向右或向左滑动图表内容时,X 轴标签会移到图表的左侧。

在这张图片上,您可以看到标签 (05.08) 在左侧外面。

在此处输入图像描述

有什么办法可以防止这种丑陋的显示错误吗?

0 投票
1 回答
2474 浏览

gauge - c3 仪表图中的多个条形图

我正在尝试使用类似于下图的 c3.js 创建堆叠仪表图,但在文档中找不到任何示例。这甚至可能吗?

在此处输入图像描述

0 投票
1 回答
1119 浏览

javascript - C3面积折线图,不同截面不同颜色

我正在使用C3图形库在我的 Javascript 应用程序中绘制一些图形。

我想要完成的是用不同的颜色绘制我的区域线图部分的各个部分。具体来说,我想要实现的是,当我的图表下降时,特定区域部分(列)被绘制为红色,直到值再次上升,它应该恢复为默认的蓝色。

我整理了一个简单的JSFiddle来演示我目前拥有的内容:

在此示例中,我希望索引 1 和 2 之间的区域部分(列)为红色。

0 投票
1 回答
31 浏览

jquery - 如何在弹出窗口中显示消息?

我有一个在 html 页面中设计的弹出窗口。在此处输入图像描述

我需要显示消息“此批次包含”+ TargetCount+“记录。请按继续完成导入数据。”,靠近边界外的按钮,其中“TargetCount”从控制器返回。我有我的控制器,

我有我的jquery,

作为初学者,我不知道如何返回此消息。请告诉我如何实现这一目标。

0 投票
1 回答
849 浏览

javascript - 控制c3图表叠加顺序

是否可以指定哪个图表覆盖在另一个图表上?

此示例中,面积图覆盖在条形图的顶部。我想在我的图表“后面”条形图有面积图。对于我的用例中的数据,面积图值将始终高于条形图值。

0 投票
1 回答
9658 浏览

jquery - 将 json 数据从控制器传递到视图

部分视图:

控制器 Json 代码

当我使用上面的代码时它不起作用,但是如果我按照这个 JS Fiddle链接中指定的方式传递 json 数据,它就会起作用。我是否从控制器错误地传递了 JSON 数据。?

请帮忙。

0 投票
1 回答
8012 浏览

css - C3.js 制作线出现虚线

我正在使用 C3.js 使用两个 Y 轴。我有 2 个数据系列:

当我运行它时,我得到一条虚线,然后将 null 绘制为沿 x 轴的虚线。这不是我想要的。我希望它在数据集为空时停止绘图。如果我删除该区域,我会得到我想要的功能,但我没有得到虚线。

有没有办法在不绘制空值的情况下获得虚线?