c3.js相关内容
我使用c3.js创建了一个简单的圆环图。这是 FIDDLE 。 如果你将鼠标悬停在一片甜甜圈它会伸出来。我想知道切片是否可以默认伸出而不悬停。 例如我希望切片A,切片B和C默认伸出我怎样才能做到这一点? 这是我的代码 var currentSlice; var chart = c3.generate({ data:{ x:'x', columns:[ ['x
..
如果我有如下定义的C3JS分组条形图,我怎样才能使分段保持按照我定义的顺序而不是按值按升序排列?默认情况下,C3会将它们命令为5,10,40,但我希望它保持为10,40,5。 c3.generate({ bindto:'。active-loads', data:{ columns:[ ['拾起未来',10], ['Enroute',40], ['Delivered',5] ]
..
这是对以下问题的回应:如何删除c3中的填充.js?,其中提供的答案解决了这个问题,但也提出了另一个问题 - 图表上的按钮在结尾处被切断 - 我如何在那里没有填充和按钮没有例如,它应该看起来像: 解决方案 由于在图表图层上设置了 clip-path ,因此点被剪掉了。你只需要删除它。您可以使用D3,如此 d3.select(chart.element).select(“。”+
..
美好的一天。 我正在尝试使用C3.js创建一个条形图,如下所示: 我尝试过堆积条形图,但问题是我无法制作每个宽度不同的条,也无法使它们重叠(相互重叠)。 有任何帮助可以像上面的图片那样做吗? 谢谢 更新1: b $ b 在尝试了几个想法后,我最终得到了这个结果: var chart = c3.generate({ data:{ 列:[ ['result
..
例如: var chart = c3.generate({ data:{ x:的 'x', 列:[ [ 'X', 'www.site1.com11111111111111111111111111111111111111111111111111111', 'www.site2.com11111111111111111111111111111111111111111111111111111
..
我从jsfiddle( https://jsfiddle.net/varunoberoi/mcd6ucge )试过了这个c3.js代码,但它没有似乎在我的本地主机。 我使用uniserver作为我的服务器。我复制粘贴所有内容,但不起作用。
..
influxDB timestamps看起来像这样: 2015-01-29T21:55:43.702900257Z 问题是我应该为 x轴使用什么选项当我用C3.js生成图表时 我得到的错误: lockquote “无法解析x'2015-01-29T21:55:43.702900257Z'至日期对象 也许这个 jsfiddle 会帮助你做一些快速测试...我认为问
..
前端兼容问题,我用360浏览器换成兼容模式,为什么会变成这样?????
..
我目前正在尝试实现与已经存在的缩放功能略有不同的缩放功能。 实际上,如果用户在图形上点击并拖动它,则会放大定义域。我想这样做,因为使用鼠标滚轮阻止用户上/下。 由于似乎不可能 C3.js API ,我尝试通过在D3.js 拖动行为。 但是,我不太了解,因为在图表上尝试时不起作用。 以下是我的代码示例: p> 函数setHandlers(){ / ** *自定义拖动事
..
我有一个DataGrid,我用一个ListableCollection中的一个列表项进行了初始化。我想允许用户完成数据网格的其余部分。我有CanUserAddRows = true;我有两个文本框被启用/禁用与复选框。填写第二行后,除非您双击复选框旁边的单元格之一(不在复选框中),否则不会添加其他行。然后将所有数字值设置为0并清空任何字符串,并将当前行值移动到下一行。我最好是通过点击一个按钮添加一
..
我使用c3js,我还是新的这个图表框架。我需要为我的图表的系列图例设置一个标题。我如何做到这一点?我需要使用D3来实现这一点吗? 提前感谢。 解决方案 这种混乱: var firstLegend = d3.select(“。c3-legend-item”); var legendCon = d3.select(firstLegend.node()。parentNode);
..
我使用c3创建简单的图形。我想从一个Json文件中获取数据并填充它来创建我的线图。 我的Y值应该是(“标签”),我的X值应该(“数据”)。 这就是我的代码看起来像: var chart = c3.generate({ bindto:'#chart', data:{ xFormat:'%Y-%m-%dT%H:%M:%S', json:{ times:datas, data
..
是否有可能更改 c3 条形图中数据上方标签的位置的方法? 在官方文档中,很好地解释了如何在x和y测量轴上改变标签的位置,操作y和x整数,但是我没有找到任何数据标签。 我尝试用 d3 指向它,其中 c3 是基于 console.log 返回我null: d3.selectAll -texts .c3-text“)。each(function(){ var yOrigin = d3.
..
我正在处理时间轴显示,我有数据,我想在工具提示上显示。目前它只显示每次的值。我找不到改变它的方法。下面的示例显示如何更改值的格式,但不显示显示的值 var chart = c3.generate({ data:{ columns:[ ['data1',30000,20000,10000,40000,15000,250000], ['data2',100,200,100,40 ,15
..
我通过从提供的CSV文件加载数据来创建与C3.JS的多系列线图。我可以绘制图形,但我还没有发现,如果可能只从CSV中的某些列,我的图形绘制所有CSV列。 我的CSV看起来像这样: Sex,Age,L,M,S,P3,P5,P10,P25,P50, P90,P95,P97 2,0,-1.298749689,34.7115617,0.046905108,31.93019666,32.2
..
我有一个甜甜圈图表,其中某些甜甜圈伸出来。这是屏幕截图。 橙色,红色和蓝色的弧伸出来,我希望他们永久伸出来,当我徘徊在任何一块,他们收缩,变得正常像这样。 我们正在使用超时函数使这些片段显示出来: setTimeout(function(){ chart.internal.expandArc(['A','B','D']) },0) 这里是我的 FIDDLE
..
我使用C3 JavaScript库来显示图形数据。当我的网页初始加载时,图表将被隐藏。直到选择页面上的“选项卡”,图形才会显示。 我看到的麻烦是我的第一个图形不适合它的div标记。我可以通过点击一个按钮来更改查看数据的日期范围,此时图表的大小将正确。 这里是相关的HTML, m使用的图形(注意,我使用AngularJS,万一帮助/阻碍事情): div class =“chart
..
我使用C3.js来创建图表。我创建了一个简单的圆环图。下面是屏幕截图: 当我将鼠标悬停在不同的甜甜圈片上时,下面是发生的屏幕截图: 我想知道是否有可能让某些甜甜圈片像DEFAULT一样扩展,而不将鼠标悬停在它们之上。 这是我的 FIDDLE 我还建议添加以下代码,使甜甜圈片伸出来: setTimeout(function(){ d3.selectAll('。c3-
..
可以从c3js图表中隐藏某些线条,条形和其他图形元素,而不卸载或隐藏数据? 我希望将数据保留在工具提示但隐藏一些图形元素。将鼠标悬停在一个栏上,查看其他隐藏栏的数据。 我知道隐藏方法 - chart.hide(['data2','data3']); 我的问题没有在文档。 A 类似问题在11月没有解决。 我现在没有任何代码 - 只是寻找 感谢 解决方案 容
..
我有一个圆环图,有3个类别(弧):Facebook(50%),Twitter(30%)和Instagram(20%)。绘制图表是相当容易,但我想知道如何插入一个图标在每个弧与社会网络的各自的符号(使用D3或甚至C3)。 谢谢! 解决方案 添加图片只是使用的一种情况 ... .append(“svg:image”) .attr(“xlink:href”,“myimage.
..