1回答
我正在使用c3js，而且我对这个图表框架还很陌生。我需要设置一个标题系列传奇我的图表。我该怎么做？我是否需要使用D3来实现这一点？
提前谢谢。
浏览 3提问于2015-01-30得票数 1
回答已采纳
1回答
我使用c3js构建了一个条形图，并在其上实现了onclick事件。Onclick事件在这件事上表现得很奇怪。我使用了怪异的这个词，因为有时它可以正常工作，但有时它只需点击两次就可以执行。我两天都想不出怎么处理这个问题了，但运气不好：
是c3js问题吗？有没有办法或解决办法来解决这个问题或处理这种情况？
下面是用onclick事件生成c3条形图的示例代码。
var chart = c3.generate({
bindto: "#" + idActiveDivChart,
data: {
json: a
浏览 3提问于2016-08-09得票数 1
回答已采纳
3回答
我使用SVG.toDataURL()将c3js图表导出到png图像。将图表导出到png可以正常工作。
如果是线状图，则不能正确地呈现它们。例如：
X和y轴的宽度增加。
线条是不适当的，而不是它所显示的黑色区域。
下面是导出png的代码
function exportImageAsPNG(){
var svgElements = $("#chart").find('svg');
var svg ;
svgElements.each(function() {
浏览 8提问于2016-06-08得票数 11
回答已采纳
3回答
需要一种方法来打印使用c3js生成的图表。
我尝试了以下代码：
var mywindow = window.open('', 'my div', 'height=400,width=600');
mywindow.document.write('<html><head><title>my div</title>');
//mywindow.document.write('<link rel="stylesheet" hr
浏览 3提问于2015-08-25得票数 0
回答已采纳
1回答
我已经试过了我能想到的一切，但却找不到我看似简单的问题的答案。
我需要从csv文件将数据加载到C3.js。
我把一切都设置为
这是我的密码-
<html>
<head>
<link href="../css/c3.css" rel="stylesheet" type="text/css">
<link href="../css/styles.css" rel="stylesheet" type="text/css">
<
浏览 3提问于2014-11-25得票数 0
当我使用动态工具提示时，我有一个应用程序，它必须根据图形上的值更改设计，但是在工具提示的内容中添加内部html是很难重构的，因为我有很多关于工具提示的设计，使其成为许多条件和变量。
我尝试导入一个组件，但是内容函数只期望使用html的字符串。
因此，我想知道是否可以添加jsx语法或添加一个react组件来将工具提示的html呈现到c3的内容中。
data: {
columns: [
['data1', 300, 350, 300, 0, 0, 0],
['data2', 130, 100, 140
浏览 2提问于2016-10-20得票数 0
回答已采纳
2回答
我有一个关于C3js甜甜圈和工具提示的问题。工具提示在我的折线图中工作得很好，我不明白在这种情况下有什么不起作用。下面是codeine：
我把它保持得很简单--我试着看看用很多切片来呈现一个甜甜圈的最好方法是什么(这样就去掉了幻灯片里的标签)。以下是代码HTML
<div id="chart"></div>
JS
var chart = c3.generate({
bindto: d3.select('#chart'),
size: {
width: 500
},
data:{
column
浏览 0提问于2018-05-25得票数 2
1回答
我曾与古普、葛朗特和Webpack合作过。我觉得到目前为止，我使用过的最好的构建工具是Maven。在我看来，简明扼要。
因此，我想知道是否可以用Maven代替Gulp、Grunt和Webpack来部署我的网络应用程序。
同时，我想使用Kotlin而不是JavaScript。
有什么可能的方法可以让我安装一个具有以下技术的样板web项目：
Maven而不是Gulp，Grunt，Webpack
Kotlin而不是JavaScript
SASS而不是CSS
并集成了以下库：Font-Awesome和C3js：VueJS、FlexboxGrid或相类似
谢谢!
浏览 5提问于2016-08-30得票数 0
回答已采纳
我一直试图用Papaparse4解析一个CSV文件，以便在用C3js创建的图表上使用它，但我无法让它工作。
我希望能够加载不同的CSV文件，所以我使用一个文件输入，文件被解析(我可以在控制台上看到它)，但是我不能将数据加载到图表中。
您可以在这里测试它：
function handleFileSelect(evt) {
var file = evt.target.files[0];
Papa.parse(file, {
header: true,
dynamicTyping: true,
complete: function(results) {
浏览 3提问于2015-05-07得票数 0
回答已采纳
3回答
c3JS负荷函数
、、
我正在制作类似于:var图表= c3.generate({ bindto：‘# c3js’，data：{ columns：[] }})的图；
然后我尝试从它的api中使用load函数: var data = ["Name"，"15"，"30"，"45"，"x"，"1"，"2"，"3"]；函数update_graph(arg) {var tmp = arg；chart.load({ xs：{ tmp：{tmp: arg1 //将数据绑定到x并获得错误}，列：[
浏览 2提问于2015-01-08得票数 2
回答已采纳
2回答
我想使用JSON数据格式在c3js中绘制多行。 我找到了一个这样的例子 var chart = c3.generate({
data: {
json: [
{x: 1, data1: 0},
{x: 2, data1: 1},
{x: 3, data1: 2},
{x: 4, data1: 3},
{x: 11, data1: 2},
{x: 12, data1: 0},
{x: 13, data1: 0},
{x2: 5, data2: 2},
浏览 20提问于2019-03-06得票数 1
回答已采纳
2回答
C3JS存取值
、、
我有以下图表：
在这种情况下，我想访问y轴( 11000000 )的最大值。这个值是动态的，所以它可以是不同的。
我想把这个值保存在一个变量中，这样我就可以在其他地方使用y轴的最大值。
如何访问该轴的c3js中的最大值？
当i console.log(chart.axis.max())；console.log(chart.axis.range())；这个值时，我得到的是y2的值，而不是y的值。
Object {x: undefined, y: undefined, y2: 100}
这是我的完整代码：
/**
* @file
* Provides options for recl
浏览 0提问于2016-04-13得票数 1
回答已采纳
我尝试了jsfiddle ()中的这段c3.js代码，但它似乎在我的本地主机上不起作用。
我使用uniserver作为我的服务器。我复制-粘贴所有内容，但它不起作用。
<html>
<head>
<!-- CSS -->
<link href="css/c3.css" rel="stylesheet" type="text/css" />
<!-- JAVASCRIPT -->
<script src=
浏览 0提问于2016-07-13得票数 30
回答已采纳
1回答
气泡图c3js
、、
根据c3js文档，没有气泡图选项。一种解决方法是设置散点图并指定点半径，但所有气泡的高度都相同。
point = {
r: function(d) {
var num = d.value;
return num
},
在r中添加轴的值解决了这个问题，但现在的问题是如何设置非常高或非常低的值？例如，如果有1,000,000值，则整个图表将被着色。有什么简单的解决方法吗？
浏览 0提问于2018-02-24得票数 1
回答已采纳
2回答
我有一个一般性的c3js问题。我试图在一个C3JS线图“空心”(白色填充，用彩色笔画)中的点，但有一个困难的时间来弄清楚如何做到这一点。我尝试添加我自己的CSS，但是它被html中的直接style标记覆盖。
有人有什么建议吗？
谢谢!
浏览 2提问于2015-05-14得票数 6
回答已采纳
1回答
C3js工具提示值
、、、
到目前为止，我已经在“小提琴”中做了这样一个图表：
因为我想将额外的数据添加到工具提示中，所以我尝试使用"indexOf()“方法来完成这项工作，但没有成功。
tooltip: {
format: {
title: function(s) {
var indOfVal = coverageArr.indexOf(s);
return engagementArr[indOfV
浏览 2提问于2016-03-14得票数 1
回答已采纳
1回答
当我们在不同的选项卡中打开c3JS图形并在图形之间来回导航时。该图未被填充。相反，如果我们刷新页面。图形正在加载中。这个问题是否与C3js库有关？
浏览 11提问于2019-05-03得票数 0
1回答
c3js有载变色
、、、
我正在寻找一种方法来改变散乱聊天图的颜色，我在图表中找到了一个使用代码的例子
onmouseover: function (d) {
d3.select(d3.selectAll("circle")[0][d.index]).style("fill", "red");
d3.select(d3.selectAll("circle")[1][d.index]).style("fill", "red");
d3.select(d3.selectAll("circl
浏览 5提问于2016-03-14得票数 0
回答已采纳
我很难让c3js的时间序列处理我的json数据。现在，我收到了一些错误，其中最重要的错误是"Error: attribute x=“NaN的无效值。尽管x值是以指定的格式解析的，但我的x值似乎没有被正确地解析。有什么问题呢？
守则如下：
var chart = c3.generate({
data: {
json: [
{"key": "2015-03-27", "value": "261"},
{"key"
浏览 5提问于2015-04-23得票数 1
回答已采纳
1回答
我有这样简单的条形图：
这是我的C3JS
var chart = c3.generate({
data: {
json:[{"A": 67, "B": 10, "site": "Google", "C": 12}, {"A": 10, "B": 20, "site": "Amazon", "C": 12}, {"A": 25, "B": 10, "site": "Stack
浏览 1提问于2016-05-05得票数 2
回答已采纳
1回答
c3js多色设计
、、
我已经实现了条形图来表示我的结果集。我正在尝试使用c3js创建这个设计。我参考了文档，但没有得到阴影的设计。请有人指导我解决这个问题。
我的代码片段是，
var chart = c3.generate({
bindto: '#chart',
size : {
width: 600,
height: 200
},
data: {
columns: [
["data1", 40, 20, 20, 20],
["data2", 20, 10, 30, 30]
],
ty
浏览 0提问于2018-10-30得票数 0
回答已采纳
1回答
我想根据以下JSON绘制C3js饼图(从hibernate框架接收).JSON看起来如下(这是动态数据)：
{"ug":["K","M2","M3","M4"],"wtv":[10,20,35,60]}
HTML：
<div id="chart"></div>
JS (我实际上尝试过的)：
var json ={"ug":["K","M2","M3","M4"],"wtv&
浏览 1提问于2017-07-13得票数 1
回答已采纳
1回答
这些天来，我一直在使用d3js，最近发现c3js使工作变得更容易。
现在，我有了图表，当我试图调整页面的大小时，图形会自己重新绘制。有什么办法可以让我推翻这个吗？尝试了Onresize和Onresize，它们没有覆盖默认行为。从代码中发现，当我调整大小时，它会调用这个函数。
任何帮助都是非常感谢的！
浏览 1提问于2015-08-04得票数 0
回答已采纳
1回答
数据标签的c3js位置
、、、
是否有可能更改c3条形图中数据上方标签的位置？在官方文档中，已经很好地解释了如何通过操纵y和x整数来改变标签在x和y测量轴上的位置，但我没有发现任何关于数据标签的东西。
我试图用c3所基于的普通d3来指向它，但是console.log返回给我null：
d3.selectAll(".c3-texts .c3-text").each(function () {
var yOrigin = d3.select(this).attr('y');
console.log(yOrigin);
})
因为它在图形生成之前触发。您可以在这里查看和编辑我正在处理
浏览 1提问于2014-10-02得票数 12
2回答
我是C3.js的新手，正在尝试创建动态时间序列图表，请在fiddle 中运行代码
var chart = c3.generate({
data: {
x: 'x',
xFormat: '%Y-%m-%dT%H:%M:%S',
columns: []
},
axis: {
x: {
type: 'timeseries',
tick: {
浏览 1提问于2016-05-11得票数 2
3回答
我在c3js中有一个条形图，它使用x轴上的类别滴答。在加载图表时设置要显示的刻度值：
axis: {
x: {
tick:{
rotate: -35,
values: getTicks(displayData), //Return the tick values
multiline:false
},
type: 'categorized'
}
}
在加载时手动设置滴答的原因是，我需要稍后更新它们。
我需要允许用户在不加载
浏览 8提问于2015-12-06得票数 5
1回答
我正在使用库c3js显示一个区域图。我的约会数据有问题。我有很多日期(+/- 1000)，我想正确地分组我的日期。
这是我的实际渲染：
您可以看到某些日期在x轴上出现了两次。
这是我的图表代码：
var usedList = JSON.parse(usedList);
var format = informations[0];
var counts = informations[1];
var amounts = new Array('Evolution');
var dates = new Array(&
浏览 2提问于2017-06-22得票数 0
回答已采纳
1回答
我有问题要配置C3Chartjs，希望有人能帮助我。
在这里，我的JSON (来自用户输入的数据)：
obc: [
{ takt: 90, oee: 80, processId: 'Operation 1', processName: 'Cortar', lowRepCycle: 65 },
{ takt: 90, oee: 80, processId: 'Operation 1', processName: 'Dobrar', lowRepCycle: 35 },
{ takt: 90, oee: 8
浏览 2提问于2017-06-06得票数 0
回答已采纳
单击时如何从节点获取所有数据？现在我只得到x和值。
如何从用于绘制图形的JSON数据对象中获取所有值？
var chart_scatterplot = c3.generate({tooltip: {
contents: function(d, defaultTitleFormat, defaultValueFormat, color) {
var company = jsonfile[d[0].index].company;
var mailCount = jsonfile[d[0].index].mailCount;
var lastInteractedInDays = jso
浏览 3提问于2016-01-08得票数 1
回答已采纳
2回答
我有一个带有c3js的空时间序列图表，并且希望从一个未知的映射中“加载”动态列。
Initialization
var chart = c3.generate({
data: {
x: 'ts',
xFormat: null, // For millis
columns: []
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-
浏览 3提问于2017-09-26得票数 4
1回答
双击c3js折线图
、、、
我正在尝试在c3js折线图上创建双击事件。我已经用下面的代码用其他类型的图表创建了双击事件： chart.internal.main.selectAll('.' + c3.chart.internal.fn.CLASS.eventRect).on('dblclick', function (d) {
var $$ = chart.internal;
$$.main.selectAll('.' + c3.chart.internal.fn.CLASS.bar).each(function (d) {
if
浏览 13提问于2019-01-17得票数 0
1回答
我正在使用c3js制作一个交互式动画。我使用chart.load函数向读者展示了条形图的值是如何变化的。
var chart = c3.generate({
data: {
x:'Candidate',
columns:[
['candidate','Liberal','Labor','Greens','Independent','Nationals','Independent'],
浏览 0提问于2016-03-11得票数 1
1回答
是否可以在C3.js中创建类似于Highcharts的面积范围图？我已经附加了一个截图和链接到现场样本。
其思想是显示范围数据，可能是历史最高和最低值，然后用折线图覆盖当年的值。C3能做到这一点吗？
提前感谢！
浏览 5提问于2015-05-05得票数 5
1回答
C3js量值重叠
、、、
我正在做一个数据可视化工作，上面有几个C3图表。其中之一是一对应该用我在线获取的JSON文件动态更新的量规。我的问题是，当量规值更新时是重叠的，也就是说，当它获取65的读数时，以前的0值仍然存在。
我使用的是C3js 0.4.7版本。
我的密码在下面。请帮助：
var gauge = c3.generate({
bindto: d3.select('div#MeterGauge'),
data: {
url: 'data/data.json',
浏览 0提问于2014-12-10得票数 0
回答已采纳
1回答
是否有一个选项可以聚合C3图表中的数据？当JSON包含具有相同类别的多个数据元素时，数据在图表中被绘制为多个点，因为应该将其聚合并显示为图表中的一个点。附件是C3图表和预期图表格式。示例中的： "name 1“显示一个点在300个点作为上传，其中离子C3显示一个点为200，另一个点为100个。
所用代码：
var chart = c3.generate({
bindto:'#png-container',
data: {
json: [
{name: 'n
浏览 0提问于2016-07-15得票数 0
回答已采纳
当我在CSV文件中有一个日期字段时，c3js图表没有正确显示。我已经将x轴设置为类型timeseries。CSV文件中只有两列。“日期”和“计数”，例如
Date,Count
1996-12-20,1
1997-01-31,2
1997-01-31,3
1997-05-07,4
1997-10-03,5
1997-12-02,6
1997-12-02,7
<html>
<link href="http://c3js.org/css/c3-f750e4d4.css" media="screen" rel="stylesheet"
浏览 2提问于2016-01-06得票数 0
1回答
下面是一个使用C3js库创建的堆叠条形图示例
要修改工具提示。
目前工具提示中有两列。希望在工具提示中显示另一列。，因此将有树列数据。
浏览 2提问于2016-03-10得票数 0
1回答
我正在使用来自c3js的以下函数：
chart.load({
point: {
r: function (d) {
return 3;
}
},
bindto: "#chatterplot_elastic",
x: 'x',
xFormat: '%Y-%m-%d %H:%M:%S',
columns: [
getP
浏览 5提问于2016-04-16得票数 0
回答已采纳
1回答
在我的VUEJS/WebPack项目()中，我正在尝试使用C3JS，这是一个基于D3JS的库。
我通过npm加载D3JS，安装它，然后像加载其他插件一样将它作为一个webpack插件加载。但是，对C3JS执行相同的操作并不起作用。
plugins: [
new webpack.ProvidePlugin({
$: 'jquery', // <--- This works, I can call this variable anywhere in my JS code
jQuery: 'jquery', // <---
浏览 0提问于2016-06-20得票数 1
2回答
目前，我正在使用下面的示例：
但问题是，当您添加3-4倍的数据装载时，X值就会被压碎，格式也很糟糕。我怎么才能解决这个问题？
见此处：
谢谢。
浏览 3提问于2016-06-13得票数 0
回答已采纳
1回答
我试着把y轴变成虚线。使用
.domain{中风-达沙雷: 5,5；}
允许效果，但它也将其添加到X轴。我无法获得Y轴的隔离。
我试过了
var xAxis = d3.selectAll('.c3-axis .c3-axis-x');
但这也不起作用。有人能帮帮我吗。
我的小提琴：
浏览 0提问于2018-02-27得票数 1
回答已采纳
2回答
当您单击DIV时，我使用一个简单的JQuery和CSS方法来调整我的图表DIV的大小。DIV被调整为页面的100%大小。
这里有一个示例(或者查看我的)：
$('.col-sm-6').on('click', function() {
$(this).toggleClass('clicked');
});
.col-sm-6 {
width: 68%;
transition: width 2s !important;
height: 100px;
width: 100px;
backg
浏览 3提问于2017-11-20得票数 2
回答已采纳
1回答
我正在尝试使用c3js生成一个图表。我面临着x轴标签位置的问题。它与x轴记号值重叠。在截图中，请求日期与日期值重叠。
任何帮助都将不胜感激。
代码: jsfiddle.net/bhuneshwer/qe0kxwa1/6/
浏览 2提问于2018-05-23得票数 1
1回答
我用c3js在angularjs应用程序上画了一条图表线。它正常显示。就在我运行grunt build然后在dist文件夹上运行应用程序之后，但没有显示这行。
当我调试时，我发现d3js为了显示图形而完成的转换持续时间导致了这个问题，当我删除构建版本上的转换持续时间时，它工作了。是什么导致了这个问题？
浏览 14提问于2017-03-01得票数 1
回答已采纳
1回答
我在创建JSON对象以使用C3JS绘制图表时遇到了困难。我能够使用静态JSON绘制图表，但我的数据是动态的，我的图表必须保持通用，所以不能传递静态JSON。JSON的键值是泛型的，只有值必须更改。
当前的JSON格式如下所示。
[
{
"Key": "data1",
"Metric": "field1",
"Total": 1
},
{
"Key": "data1",
"M
浏览 4提问于2016-03-22得票数 0
1回答
我正在创建一个带有数据点的线条图，每个数据点应该有不同的样式(取决于数据)，我正在使用您提供给我们的select API来实现这一点，如本例所示--问题是，用户可以选择和取消选择其他点，我想避免这种行为--甚至是可定位的吗？
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
],
浏览 1提问于2016-09-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
