c3.js相关内容
influxDB 时间戳如下所示: 2015-01-29T21:55:43.702900257Z 问题是当我使用 C3.js 生成图形时,我应该为 x-axis 使用哪些选项 我得到的错误: “未能将 x '2015-01-29T21:55:43.702900257Z' 解析为日期对象" 也许这个 jsfiddle 会帮助你做一些快速测试......我认为问题出在时间
..
我想使用 2015-09-17 18:20:34 格式的日期和格式字符串 C3.js 显示时间序列图code>'%Y-%m-%d %H:%M:%S' 但解析失败. 我的代码: var chart = c3.generate({bindto: '#chart',数据: {x:'次',列: [['次','2015-09-17 18:20:34','2015-09-17 18:25:42','2
..
我从 jsfiddle (https://jsfiddle.net/varunoberoi/mcd6ucge) 尝试了这个 c3.js 代码,但它没有似乎在我的本地主机中不起作用. 我使用 uniserver 作为我的服务器.我复制粘贴所有内容,但它不起作用.
..
我正在处理时间线显示,并且我有要在工具提示上显示的数据.目前它只显示每次的价值.我找不到改变它的方法.下面的示例显示了如何更改值的格式,但不显示显示的值 var chart = c3.generate({数据: {列: [['data1', 30000, 20000, 10000, 40000, 15000, 250000],['data2', 100, 200, 100, 40, 150, 2
..
我正在使用 Wasil C3 angularjs 指令(http://wasil.org/angularjs-directive-for-c3-js-tutorial),还有一个通过编译的示例 plunker(http://plnkr.co/edit/wiiUMk2KoHHrK4D1HdNu?p=preview).由于需要设置子图表的背景颜色,我正在尝试创建一个自定义属性指令(subChartBg
..
我有一个固定尺寸的水平条形图,标签较长. 主要问题:数据最多的标签总是被剪掉. 其他问题(非常高兴..;)在C3中是否可以在小节之间添加边距? 带有标签的示例已被剪掉: var colors = ['#0065A3','#767670','#D73648','#7FB2CE','#00345B'];var padding = 5;数据= [['veryveryveryve
..
基于我的旧问题: C3js水平条形图标签被切掉和调整大小问题我现在正尝试使用画布上下文textwidth根据文本宽度计算y轴的必要填充. 常量颜色= ['#0065A3','#767670','#D73648','#7FB2CE','#00345B'];const data = [['veryveryveryveryverylongydatadata01',439034],['veryver
..
我有一个带有反向X/Y轴的条形图.这是我的代码和输出: var myData = {};myData.x ='x';myData.xFormat =“%Y-%m-%d";myData.type ='bar';myX = app.reportsCollection.countedByDay.plotData.X;myY = app.reportsCollection.countedByDay.p
..
我正在尝试启用右键单击图表上数据点的功能.似乎要实现此功能,需要发生两件事: 为右键单击甚至“上下文菜单"事件添加一个侦听器.我查看了#1952,在其中他们为双击事件添加了一个侦听器.我假设您会这样做. 一旦有了它,我就可以获取x和y坐标并覆盖自定义开发菜单. 问题: 这是最好的方法还是有更简单的方法? 有没有一种方法可以扩展c3而不是修改原始代码库.我看了 https:
..
如何更新C3.js图中的默认线宽?如何更新刻度(圆圈)颜色? 解决方案 如果使用DOM检查器,则可以看到不同对象具有的类,这只是
..
我想将c3条形图的原点从零更改为一.所有值必须从一而不是从零绘制.为了更好地理解,我已附加了图像. 解决方案 没有配置/简便的方法可以将原点从(0,0)更改为其他值(0,100). 因此,另一种简便的方法是更改轴刻度标签并放置网格线,然后操作数据值,如下所示:- 在下面的示例中,我尝试将原点(x轴从0移到100) 希望这会有所帮助. var chart = c
..
我已经使用c3.js和angular 2创建了一个折线图,但是折线图中出现了不必要的黑色区域。它更可能是填充区域的图表。我试图覆盖它的css属性...”填充不透明度”。但它不起作用。请给我一个解决方案。在此处输入图像描述 解决方案 由于c3 lib CSS的缺失。 C3图表的CSS文件。 https://rawgit.com/masayuki0812/c3/master/c3.css
..
我使用C3.js图表库,很棒! 但是当我动态生成JSON数据并加载到图表上时,条形图不会显示。 请参见以下代码段: c3.generate({bindto:'#chartFbPosts',data:{json:[{“ shares”:27,“ likes”:241,“ comments”:300},{“ shares: 24,“ likes”:220,“ comments”
..
我有一些布尔值的c3 / d3步骤图。现在,我需要在实际事件的时间戳上而不是在事件的中间对齐步骤更改。 是否有任何配置选项,因此c3步骤图更改了从究竟何时才是事件0到1? 解决方案 似乎您是在谈论 line.step.type 选项: var chart = c3.generate({ b $ b数据:{ 列:[ ['data1',300,350,300,0,0,100]
..
当我使用子图表时,用户体验面临的一个问题是主图表和子图表具有相同的重要性,我的意思是相同的颜色,等等。相反,我期望子图表应该不那么透明或应该提供了为子图表设置背景色的选项。可能吗?我在文档页面上看不到为子图表设置背景色的任何选项。如有任何指导,请... 解决方案 您需要手动设置样式。我没有看到C3使用任何特定的选择器来将子图表与主图表区分开,因此您可能必须使用第n个子图表来完成。类似于下面
..
我有一个使用 C3 创建的时间序列图。图表中的数据存在时间间隔,这在条形图中非常明显。 是否可以消除这些间隔?我绘制如下图所示的图表。请注意 2013-01-03 与 2013-01-06 $ b $之间有一个差距b var chart = c3.generate({ data:{ x:'x', type:'bar' , 栏:[ ['x','2013-01-01','2013-
..
当我使用JSON有效负载(下面的代码)时,我正在尝试使用c3生成堆积的条形图。但是,当我对数据进行分组时,它们没有重叠行为,而是重叠了。如果我使用列结构,则会得到预期的行为,但这意味着与其他视觉效果(即时间序列图)相比,对于堆叠式条形图生成的代码将有所不同。 var chart = c3.generate({ data:{ x:“ x-axis”, json:[ {“ x轴”:“
..
是否可以选择汇总C3图表中的数据?当JSON包含具有相同类别的多个数据元素时,数据将在图表中绘制为多个点,在此处应进行汇总并在图表中显示为单个点。 随附的是C3图表和预期图表格式。 在示例中:“名称1”在上传时显示300的单个点,在离子C3中,显示相同点的200的另一个点。 > 使用的代码: var chart = c3.generate({ bindto:'#png-cont
..
我有一个很好的图形: 我也为蓝色部分(Area-Spline)提供了此数组。 [“ x2”,“ 2015-01-05 00:00:00”,“ 2015-01-12 00: 00:00“,” 2015-01-19 00:00:00“,” 2015-01-26 00:00:00“,” 2015-02-02 00:00:00“,” 2015-02-09 00:00:00”,“ 2015-0
..
此CSS正在删除标记... #mychart .c3-circles-avg2017, #mychart .c3-circles-avg2018 { display:none; } 这样做很丑,因为所有配置和图表定义均在Javascrpt上。我需要使用JavaScript ,理想的情况是使用C3或D3 ...我尝试使用D3,但它不起作用: d3.sele
..