腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何在C3.js中只显示第一个和最后一个标签选择?
我有一个时间序列C3.js图表,但我还没有找到一种方法来只显示第一个和最后一个X标签刻度。我在Canvas.js中看到了一个解决方案,但不确定如何在C3.js中应用相同的方法。非常感谢!
浏览 1
提问于2018-07-24
得票数 0
1
回答
如何在c3.js时间序列图下面填写
、
、
、
如何得到c3.js下的填充时间序列图,就像堆叠的面积图,但是x轴上的值仍然是时间序列。我使用PUBNUB的EON图表库,但它使用c3.js作为基础库。 eon.chart({ pubnub : pubnub, history : false, channel : 'orbit2', flow : true, generate : { bindto : '#chart', size: { height: 240, width: 380 }
浏览 4
提问于2015-10-13
得票数 2
回答已采纳
1
回答
如何删除C3.js事件(不是全部)
、
我目前正在为C3.js图形指定我自己的事件处理程序,感谢回复 ;)的人。然而,我的事件处理程序干扰了一些C3.js事件处理程序。例如,我的自定义drag&drop缩放干扰了C3.js的默认行为,C3.js在缩放的图形中进行平移。 这是 有了这样的设置,在我的图形上拖动可以使其水平移动和缩放。 我想知道是否有可能删除现有的事件,如鼠标滚轮缩放或拖放以在缩放的图形上移动?我已经尝试在c3-event-rects层为这些事件赋值为null,但似乎不起作用。 非常感谢:)
浏览 4
提问于2015-07-27
得票数 0
1
回答
c3.js中的堆叠甜甜圈图表
、
我想从c3.js定制一个甜甜圈图表,所以它有2层。 这是非常基本的基于c3.js的甜甜圈图表的代码。 var chart = c3.generate({ data: { columns: [ ['bulls', 30], ['lakers', 50], ], type : 'donut' }, }); 这是一个类似于我想要实现的东西的图像: 我确实找到了这个,但我不确定如何在c3.js中实现它。这是我的的链接。
浏览 6
提问于2015-06-25
得票数 1
1
回答
条形图Highchart.JS到C3.JS
、
、
、
我需要将这个Highcharts.JS图表转换为C3.JS图表 这是Highcharts.JS代码: var chart = new Highcharts.Chart({ xAxis: { title: { text: 'Values' } }, yAxis: { title: { text: ' Frequency', align: 'high', offset: 23 } }, legend: { enabled: false },
浏览 0
提问于2016-08-15
得票数 2
1
回答
require("d3")有时返回3而不是对象
、
、
、
在Grails项目中,我们使用c3.js (依赖于d3.js)来显示图表。当部署在测试服务器上时,图表工作得很好。如果我在笔记本电脑上启动应用程序,我根本看不到任何图表。 Chrome的控制台显示了以下消息 Uncaught TypeError: Cannot read property 'category10' of undefined 经过一些调试,我在c3.js中发现了以下几行: function ChartInternal(api) { var $$ = this; $$.d3 = window.d3 ? window.d3 : typeof requi
浏览 1
提问于2015-09-11
得票数 0
1
回答
使用json数据构建C3.js图
、
、
我试图从mysql数据库中使用php获取的数据构建c3.js线图。 var chart = c3.generate({ bindto: '#linear-chart', data: { json:lineChartData, keys:{ value: ['date', 'temp'], } }, zoom: { enabled: true } }); 来自mysql的lineChartData - json数据,如下所示: [{date: Wed Mar 13 2019, tem
浏览 1
提问于2019-03-18
得票数 1
回答已采纳
1
回答
如何使C3.js样式更改仅适用于一个图表
、
、
、
我试图在我的C3.js图上设置轴的样式,我知道要做到这一点,我必须为C3.js代码修改css文件,但是我在这个文件中所做的这些更改适用于我站点上的每个C3.js图表。我的问题是,我怎样才能对我的图表中的一个进行修改。 例如,这是我想要更改的样式: .c3 path, .c3 line { fill: none; stroke: black; } 这就是我如何将C3.js图表添加到HTML中的方式: <div id="scan_duration_chart_container"></div> 在创建图表时,我添加了字段bindto: '#s
浏览 0
提问于2019-06-27
得票数 1
回答已采纳
2
回答
将c3.js图表导出为pdf
、
、
、
、
我正在使用c3.js库来构建图表。我想知道是否有一个简单的解决方案来将c3.js绘制的图表导出为pdf格式。 我在angular js中得到了一个解决方案,但我正在寻找一个基于jQuery的解决方案。
浏览 2
提问于2017-03-17
得票数 0
1
回答
如何将外部脚本包含到<script>中?
、
在我的JS函数中,我需要添加以下内容: < script src=https://xxxx.com/c3.js type="text/javascript" async defer>< /script> 如何正确地编辑代码? <script> function affilate() { var ab_instance = "xxx.com"; var ab_kampan = 3; var ab_cena = 1; var a
浏览 1
提问于2022-03-22
得票数 -2
回答已采纳
2
回答
Rails,RequireJS,C3.js: c3未定义
、
、
、
我正试图在rails应用程序中与c3.js一起使用d3.js和RequireJS。我的application.html.erb看起来如下: application.html.erb <!DOCTYPE html> <html> <head> <title><%= yield(:title) %></title> <%= stylesheet_link_tag "application", :media => "all" %> <%= sty
浏览 5
提问于2014-11-08
得票数 2
1
回答
在c3.js上延伸轴
、
、
我想向用户展示他过去一周的财务状况,通常情况下,用户在七天中的每一天都不会有财务数据。但是,对于c3.js,它会将‘终结点-值’扩展到轴的末尾,有什么方法可以防止这种情况发生呢?或者,我是否必须在每个系列的末尾手动添加一个零值,这样它就不会被c3.js扩展?
浏览 6
提问于2015-09-14
得票数 0
回答已采纳
1
回答
将JSON数据解析为C3.js图表的数组
、
、
我将一个json变量从django发送到C3.js,格式如下: { datetime.date(2015, 5, 1): 22792461.479999978, datetime.date(2015, 6, 1): 24807797.38999998, datetime.date(2015, 7, 1): 25261456.609999962 } 我需要提取这些值,并将它们编译成一个数组,以供c3.js使用。下面是我的脚本: <script> {% include "croydon_dashboards/dashboard_includes/gb
浏览 0
提问于2018-06-02
得票数 2
1
回答
如何在c3.js中的图表线上创建圆外圆?
、
我开始学习C3.js。和它一起工作是很不错的。 我被困在这部分,我希望任何人都能帮我前进。 如何用c3.js在线图外创建圆。 这是我的示例代码 var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 150, 150, 250], ['data12', 30, 200, 100, 150, 150, 250] ], type: 'line' }, }); 它给出了一个小圆(点状),但我想再创建一个颜色不
浏览 3
提问于2015-08-19
得票数 1
3
回答
如何更新C3.js图形线宽和刻度线颜色?
、
、
、
如何更新C3.js图中的默认线宽?如何更新刻度(圆圈)颜色?
浏览 0
提问于2015-02-03
得票数 9
回答已采纳
1
回答
如何获取#f20044的匹配颜色
、
、
、
我用C3.JS创建了一个饼图,代码运行良好,但唯一的问题是颜色。我的网站是#f20044颜色的。默认情况下,C3.JS饼图生成自己的颜色,如红色、蓝色、绿色,这似乎与我的网站不匹配。C3提供的一种解决方案是,我们必须为饼图切片提供我们自己的自定义颜色。 谁能告诉我如何创建与#f20044匹配的颜色。
浏览 2
提问于2016-11-19
得票数 0
1
回答
如何在表中显示c3.js数据
、
、
我有c3.js图表,一切都很好。图表的代码。 adminChart = c3.generate({ bindto: '#admin-chart', data: { columns: [ ['data1', 300, 350, 300, 0, 0, 0], ['data2', 130, 100, 140, 200, 150, 50] ], types: {
浏览 2
提问于2016-01-13
得票数 1
回答已采纳
1
回答
如何将onmouseover事件添加到行中?
使用c3.js,我得到了一个包含多条线的线形图。工具提示正确地显示在各个数据点上,我可以使用mouseover属性在数据点悬停时触发。 我需要在鼠标悬停在某条线的任意位置时,更改该图中某条线的颜色。似乎线条被其他形状遮住了悬停事件,因为我甚至不能让pain JS或CSS来触发事件。有没有办法让c3.js在鼠标移过或移出一行时触发事件?
浏览 8
提问于2016-04-27
得票数 2
1
回答
c3.js - c3图,其中有一个带有c3图的工具提示
、
、
、
我有一个c3.js线图,它代表了两个值的演变。我需要线条图的工具提示是一个饼形图(tooltip =另一个c3.js图)。 以下是我的成功之处: // c3 - custom tooltip function generateGraph(data1,data2) { console.log(data1.name + '\t' + data1.value + '\t' + data2.name + '\t' + data2.value); var chart1 = c3.generate( {
浏览 7
提问于2015-09-02
得票数 2
1
回答
如何在C3.js piechart切片中添加镜像?
我想在C3.js piechart切片内添加一个图标。我想要的是:
浏览 2
提问于2017-10-27
得票数 0
1
回答
C3.js甜甜圈图表,增长细分
我正在探索c3.js,我已经创建了一个圆环图,这很容易做,下一件事我想做的是在鼠标悬停时,我想扩展/缩放/弹出那个聚焦的部分,这个功能我们可以在中看到,但我试图完全使用c3.js来实现这个效果。可以有人建议我如何继续和如何创建这种弹出式的分段效果。 var init = function() { var chart = c3.generate({ data: { x: 'x', columns: [ ['x', '2013-01-01', '2013-01-02', '
浏览 0
提问于2015-10-28
得票数 0
1
回答
更改C3.js中图表的源URL
、
、
、
、
我有一个网页,它用C3.js显示图表。数据来源是一个url。现在,我想添加引导日期时间选择器的功能,以便在特定时间戳之后对数据进行查询。选择日期并提交日期。应该更改源url,它应该包含时间戳的查询参数。是否可以使用C3.js来刷新源url。我怎样才能做到这一点?
浏览 7
提问于2015-11-02
得票数 0
回答已采纳
1
回答
在c3.js中绘制这些xy点
、
、
我试图在c3.js中生成一个“散点图”图表。当我想画出这些点时,我的问题就会发生。在c3.js中,点与平面上的实际点不匹配。 我做错什么了? 以下是要点: //x ['data1', 1,2,3,4,5,4,3,2,1], //y ['data2', 2,3,4,7,8,9,8,7,3] var chart = c3.generate({ data: { xs: { data1: "data2" }, columns: [ ['data1'
浏览 2
提问于2017-09-20
得票数 0
回答已采纳
1
回答
c3.js第二个y轴不能缩放到数据
、
、
我使用的是c3.js,并且我需要y2轴,所以我添加了以下代码: axis: { y2: { show: true } } 但刻度与我的数据值不对应:我发现0,5,2,2,1,而我的数据值上升到20。当我添加: axis: { y2: { show: true, inner: true } } 这很奇怪,但它给出了正确的值,但是我的客户不想让刻度在里面。它是来自c3.js的bug吗?你能帮我修一下吗? 谢
浏览 1
提问于2017-05-02
得票数 1
2
回答
无法在c3.js中创建散点图和线图
、
请指导我做错了什么,我用c3.js在我的webpage.Now中显示图表,我需要在这里显示样条图和散点图,我在c3.js中搜索过,并遇到了组合图()。但是当我用它来做散射和样条图的时候 下面是我的代码 <!-- Load c3.css --> <link href="c3.css" rel="stylesheet" type="text/css"> <!-- Load d3.js and c3.js --> <script src="d3.js" charset="utf-8
浏览 1
提问于2014-11-24
得票数 0
回答已采纳
1
回答
如何向angular 2+项目添加C3图表
、
、
我搜索了很多关于Angular2图表包的信息,但没有C3.js的名字,直到我在下面的链接中找到了一个C3.js图表的例子 然后我搜索了“angular的C3图表”,找到的结果都是关于AngularJS项目的。即使在他们的上,也没有关于如何为angular设置这个包的指南 我相信有一种方法可以将C3图表添加到angular2+项目中。有没有人知道你是怎么做的?
浏览 0
提问于2017-09-16
得票数 22
回答已采纳
1
回答
C3.JS :折线图默认只显示一行
、
、
我使用的是C3.js的多线图。我在开始时有大约2行,但在这两行中,我只想显示一行,隐藏另一行。 我使用过chart.show('data1'),但没有任何运气。请帮帮忙。 另一个问题是,我们可以在C3.js中使用钻孔图吗? 谢谢。 代码: <html> <head> <link href="./c3.css" rel="stylesheet" type="text/css"> <!-- Load d3.js and c3.js --> <script src="
浏览 2
提问于2016-11-04
得票数 0
1
回答
C3.js样本不起作用
、
、
这个图书馆发生了一些奇怪的事情。我正在尝试执行包附带的这个示例,但它们不起作用。 我的浏览器(Firefox和Chrome)似乎找不到c3.css和c3.js。它们是快捷方式,所以我用原来的源文件替换了它们,但是没有什么改变。 然后,我尝试按照入门指南实现最基本的图表(只需复制两组代码),但什么也没有发生(没有图表)。在这种情况下,不会引发错误。 c3.js版本测试: 0.4.8和0.4.7 d3.js版本来自:
浏览 2
提问于2015-01-05
得票数 2
回答已采纳
1
回答
c3.js破坏了显示
、
我试图用json中的c3.js显示样条图,并将x轴显示为timeseries。 X轴看起来乱七八糟。它不识别日期,而是只显示一列。您可以检查下面的图像。 window.all = [ { report_date: "2019-03-15 15:00:00", swipes_count: 132556, results_count: 123, }, { report_date: "2019-03-15 15:05:00", swipes_count: 14255
浏览 0
提问于2019-03-18
得票数 0
回答已采纳
1
回答
c3仪表图中的多个条形
、
、
我正在尝试使用类似于下图的c3.js创建堆叠仪表图,但在文档中找不到任何这样的示例。这有可能吗?
浏览 2
提问于2015-03-05
得票数 2
1
回答
c3.js:可以标记x轴和多个y轴吗?
、
是否可以在也有多个y值的C3.js图表中定义X轴值? 我正在尝试创建一个混合的条形图和折线图,其中包含两个y轴和x轴的自定义标签。 结果应该是这样的: 我引用了C3.js示例来指导我的尝试: c3js.org/samples/axes_y2.html和c3js.org/samples/axes_x_tick_values.html我能够生成具有两个y轴的混合线形图和条形图。但是,当我将in标签添加到x轴时,我会丢失第二个y轴: 我可以让图表显示两个y轴: <html> <head> <link href="https://cdnjs.clou
浏览 10
提问于2017-08-23
得票数 3
回答已采纳
1
回答
c3.js如何在栏的内部/顶部显示值
、
我一直在搜索c3.js参考,但找不到任何可以使值出现在栏中的设置。有工具提示很酷,但在我的情况下,直接在条形栏中显示值会更容易……
浏览 0
提问于2016-06-27
得票数 5
1
回答
如何在c3.js中制作x轴倒置条形图
、
、
、
我用c3.js就能做到这一点。 这是我的c3.js代码。 var chart = c3 .generate({ bindto : "#topUses", size : { height : 180, width : 400 }, bar : { width : 14 }, padding :
浏览 1
提问于2017-02-26
得票数 1
回答已采纳
1
回答
如何用C3.js从选定的数据创建表
我用C3.js库创建了一个带有子图表的图表。我用: subchart:{ show:true onbrush: function (domain) { test = chart.internal.filterByXDomain(chart.data(),domain); }, } 我如何生成一个包含值到对象"test“中的dinamic表?
浏览 3
提问于2015-09-08
得票数 0
1
回答
c3js -焦点上的改变点颜色
、
、
在c3.js中可以改变点(散点图)的颜色吗? 我的代码: var chart = c3.generate({ ... point: { r: function(d) { return Math.random() * 3; }, focus: { expand: { enabled: false } } } });
浏览 2
提问于2015-04-13
得票数 1
回答已采纳
1
回答
如何防止时间序列中x轴的文本重叠?
、
、
我在我的项目中使用了c3.js时间序列。X轴的文本重叠 当将浏览器放大到500时。 如何修复它? 等待你的回复。
浏览 3
提问于2015-09-08
得票数 0
1
回答
c3.js :如何旋转条形图条形项目上方的标签?
、
、
、
如何旋转这些值?(打开上面的链接)我使用的是c3.js的最后一个版本。谢谢你的帮助。简单示例: var chart = c3.generate({ data: { columns: [ ['Value', 30, 200, 100, 400, 150, 250], ], type: 'bar', labels: true }, });
浏览 3
提问于2017-05-16
得票数 2
1
回答
C3.js中的刷新不起作用
、
、
、
我正在尝试使用C3.js中的$interval函数来用新值刷新条形图 $interval(function() { $scope.chart.load({ columns: ["England", 5] }); }, 1000); 但是,在执行interval函数后不会显示该值。这是
浏览 5
提问于2016-03-10
得票数 2
回答已采纳
2
回答
如何格式化c3.js y轴的值?
、
、
在c3.js中是否有一种方式来格式化轴来给它“很好”的值。例如,X轴从0开始,500增量到2000年的最大值?
浏览 3
提问于2015-09-07
得票数 0
回答已采纳
4
回答
如何将标题添加到c3.js图表
、
、
有谁能建议我如何在C3.js行和条形图中添加标题呢?我有下面的样品,但这是表表。对于任何c3图表,是否有设置图表标题的选项? donut: { title: 'Title' }
浏览 5
提问于2015-02-23
得票数 18
回答已采纳
1
回答
c3.js y轴min/max不工作
我试图在c3.js中创建一个包含百分比的图表,但是y轴范围似乎被打破了。无论我做什么,最小/最大值似乎会使我输入的内容增加15个。 下面的代码从0到~15绘制了一些图。如果我把y最大值设为10,它就开始上升到25。这令人愤怒。 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script src="/js/c3.js"></script> <script> var chart = c3
浏览 1
提问于2014-09-15
得票数 10
回答已采纳
1
回答
C3.js线图误差
、
、
我正在使用这段代码生成一个C3.js linechart,但是在控制台中遇到了一个错误,如 未定义的ReferenceError: c3未在index.html中定义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>C3Charts</title> <script> //Column data var chart = c3.generate({
浏览 4
提问于2017-02-09
得票数 1
2
回答
函数中的Access变量::TypeScript & Angular2
、
、
、
我有一个c3.js库,它在文件中绘制一个图表。绘图脚本在一个函数中: private draw() { let chart = c3.generate({ bindto: '#chart', data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250, 130, 50, 20, 10, 40, 15, 25, 390], ['data2', 50, 20, 10, 40, 15, 25, 542, 30, 200, 100, 333, 150, 25
浏览 1
提问于2016-12-15
得票数 1
1
回答
如何去除c3.js中的填充?
、
、
有没有一种方法可以移除Y轴和C3.js中的第一个值之间的左填充?如果是的话,我怎样才能做到呢?
浏览 4
提问于2015-09-07
得票数 1
回答已采纳
1
回答
使用Rails通过URL加载数据时C3.js的基本JSON格式
、
、
、
使用Rails,如何设置一个控制器来以C3.js可以接受的格式呈现JSON? 在前端的c3.generate函数调用中,有没有特殊的方式来设置data属性?
浏览 0
提问于2016-06-01
得票数 2
1
回答
C3.js -在Timeseries图表中添加右填充
、
、
、
、
我想知道是否有一种方法可以将正确的填充添加到Timeseries上的C3.js图表中。 正如您在这个上从C3js.org上看到的,日期标签在右边被切断了。或见以下图片:
浏览 2
提问于2015-08-14
得票数 1
回答已采纳
2
回答
C3.js将圆形更改为正方形
、
、
、
使用c3.js,想知道是否有任何方法可以将散点图上的圆圈更改为其他东西,如矩形?也许是某种d3脚本.. 我想使用形状来区分两种形式的数据(位置和竞争对手)。 任何帮助都将不胜感激!
浏览 5
提问于2015-04-23
得票数 2
1
回答
如何将我的json结构转换为C3.js所需的列结构
、
、
、
、
下面列出了我的API的输出数据结构。但是,为了在C3.js中使用,我需要转换此结构。 { "data":{ "test7":[ { "Date":"2016-04-26 00:00:00", "aId":7, "Amount":436464, "Piece":37 }, { "Date":"2016-04-26 01:00:0
浏览 0
提问于2016-05-18
得票数 0
2
回答
如何使用c3js绘制X轴上的周间隔?
、
、
、
我想用c3.js库绘制一个图形,它显示x轴上的周间隔,如下图所示: 我有一个JSON文件,其中有几个日期,我想使用它: { "foo": 1, "date": "2016-09-20" }, { "foo": 2, "date": "2016-09-21" }, { ... } 我该怎么做?
浏览 11
提问于2016-09-29
得票数 0
1
回答
如何在c3js中制作可重用/模板图表
、
、
、
我正在尝试使用C3.js(c3js.org)来制作图表,但我希望指定除数据(以及该图表特有的任何其他微小偏差)之外的所有内容,然后将其重用于该变体的所有图表(图表的特定配置)。 我找到的关于C3.js的所有文档和示例都只涉及如何制作单个图表。将其应用于多个图表意味着大量重复的代码,并且不能确保在进行更改时的一致性。 我找到的唯一与此相关的是D3.js(d3js.org)中的,C3.js使用的底层库,以及受该概念启发的。这对我没有真正的帮助,因为我想要C3.js提供的更高级别的抽象,但这些可能会让你知道我在寻找什么。 我没有找到这方面的信息,但有一个想法是创建一个基于现有类型的图表类型,但也包括
浏览 1
提问于2015-02-12
得票数 1
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端开发者常用的 9个JavaScript 图表库
MySQL最佳安全配置-权限安全配置
配置实验操作环境步骤-配置DNS
Apollo配置中心如何实现配置热发布
配置中心——让配置管理更简单
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券