c3.js相关内容

修改C3 / D3中的圆环图切片

我使用c3.js创建了一个简单的圆环图。这是 FIDDLE 。 如果你将鼠标悬停在一片甜甜圈它会伸出来。我想知道切片是否可以默认伸出而不悬停。 例如我希望切片A,切片B和C默认伸出我怎样才能做到这一点? 这是我的代码 var currentSlice; var chart = c3.generate({ data:{ x:'x', columns:[ ['x ..
发布时间:2019-06-07 22:21:15 前端开发

具有特定订单的C3JS条形图

如果我有如下定义的C3JS分组条形图,我怎样才能使分段保持按照我定义的顺序而不是按值按升序排列?默认情况下,C3会将它们命令为5,10,40,但我希望它保持为10,40,5。 c3.generate({ bindto:'。active-loads', data:{ columns:[ ['拾起未来',10], ['Enroute',40], ['Delivered',5] ] ..
发布时间:2019-06-06 11:00:12 前端开发

添加c3.js填充而不切断图形

这是对以下问题的回应:如何删除c3中的填充.js?,其中提供的答案解决了这个问题,但也提出了另一个问题 - 图表上的按钮在结尾处被切断 - 我如何在那里没有填充和按钮没有例如,它应该看起来像: 解决方案 由于在图表图层上设置了 clip-path ,因此点被剪掉了。你只需要删除它。您可以使用D3,如此 d3.select(chart.element).select(“。”+ ..
发布时间:2019-06-06 05:20:24 前端开发

堆积的条形图与重叠酒吧C3js

美好的一天。 我正在尝试使用C3.js创建一个条形图,如下所示: 我尝试过堆积条形图,但问题是我无法制作每个宽度不同的条,也无法使它们重叠(相互重叠)。 有任何帮助可以像上面的图片那样做吗? 谢谢 更新1: b $ b 在尝试了几个想法后,我最终得到了这个结果: var chart = c3.generate({ data:{ 列:[ ['result ..
发布时间:2018-06-26 20:07:13 前端开发

C3 js:大轴标签

例如: var chart = c3.generate({ data:{ x:的 'x', 列:[ [ 'X', 'www.site1.com11111111111111111111111111111111111111111111111111111', 'www.site2.com11111111111111111111111111111111111111111111111111111 ..
发布时间:2018-06-26 11:03:19 前端开发

如何覆盖C3.js中的拖动事件

我目前正在尝试实现与已经存在的缩放功能略有不同的缩放功能。 实际上,如果用户在图形上点击并拖动它,则会放大定义域。我想这样做,因为使用鼠标滚轮阻止用户上/下。 由于似乎不可能 C3.js API ,我尝试通过在D3.js 拖动行为。 但是,我不太了解,因为在图表上尝试时不起作用。 以下是我的代码示例: p> 函数setHandlers(){ / ** *自定义拖动事 ..
发布时间:2017-08-29 20:08:38 前端开发

WPF datagrid只允许用户添加1行

我有一个DataGrid,我用一个ListableCollection中的一个列表项进行了初始化。我想允许用户完成数据网格的其余部分。我有CanUserAddRows = true;我有两个文本框被启用/禁用与复选框。填写第二行后,除非您双击复选框旁边的单元格之一(不在复选框中),否则不会添加其他行。然后将所有数字值设置为0并清空任何字符串,并将当前行值移动到下一行。我最好是通过点击一个按钮添加一 ..
发布时间:2017-03-27 00:42:16 其他开发

向C3.js图表​​图例添加标题

我使用c3js,我还是新的这个图表框架。我需要为我的图表的系列图例设置一个标题。我如何做到这一点?我需要使用D3来实现这一点吗? 提前感谢。 解决方案 这种混乱: var firstLegend = d3.select(“。c3-legend-item”); var legendCon = d3.select(firstLegend.node()。parentNode); ..
发布时间:2017-03-11 01:18:39 前端开发

c3.js如何在x / y Axis中设置json数据

我使用c3创建简单的图形。我想从一个Json文件中获取数据并填充它来创建我的线图。 我的Y值应该是(“标签”),我的X值应该(“数据”)。 这就是我的代码看起来像: var chart = c3.generate({ bindto:'#chart', data:{ xFormat:'%Y-%m-%dT%H:%M:%S', json:{ times:datas, data ..
发布时间:2017-03-11 00:46:29 前端开发

c3js数据标签的位置

是否有可能更改 c3 条形图中数据上方标签的位置的方法? 在官方文档中,很好地解释了如何在x和y测量轴上改变标签的位置,操作y和x整数,但是我没有找到任何数据标签。 我尝试用 d3 指向它,其中 c3 是基于 console.log 返回我null: d3.selectAll -texts .c3-text“)。each(function(){ var yOrigin = d3. ..
发布时间:2017-03-10 21:23:54 前端开发

如何更改c3js中的工具提示内容

我正在处理时间轴显示,我有数据,我想在工具提示上显示。目前它只显示每次的值。我找不到改变它的方法。下面的示例显示如何更改值的格式,但不显示显示的值 var chart = c3.generate({ data:{ columns:[ ['data1',30000,20000,10000,40000,15000,250000], ['data2',100,200,100,40 ,15 ..
发布时间:2017-03-10 20:11:26 前端开发

C3.js从CSV中排除列

我通过从提供的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 ..
发布时间:2017-03-10 19:22:46 前端开发

刷新后图表弧缩小

我有一个甜甜圈图表,其中某些甜甜圈伸出来。这是屏幕截图。 橙色,红色和蓝色的弧伸出来,我希望他们永久伸出来,当我徘徊在任何一块,他们收缩,变得正常像这样。 我们正在使用超时函数使这些片段显示出来: setTimeout(function(){ chart.internal.expandArc(['A','B','D']) },0) 这里是我的 FIDDLE ..
发布时间:2017-02-13 12:18:19 前端开发

初始加载时,C3图表大小过大

我使用C3 JavaScript库来显示图形数据。当我的网页初始加载时,图表将被隐藏。直到选择页面上的“选项卡”,图形才会显示。 我看到的麻烦是我的第一个图形不适合它的div标记。我可以通过点击一个按钮来更改查看数据的日期范围,此时图表的大小将正确。 这里是相关的HTML, m使用的图形(注意,我使用AngularJS,万一帮助/阻碍事情): div class =“chart ..
发布时间:2017-02-06 20:26:14 前端开发

使用d3.js修改c3.js图表

我使用C3.js来创建图表。我创建了一个简单的圆环图。下面是屏幕截图: 当我将鼠标悬停在不同的甜甜圈片上时,下面是发生的屏幕截图: 我想知道是否有可能让某些甜甜圈片像DEFAULT一样扩展,而不将鼠标悬停在它们之上。 这是我的 FIDDLE 我还建议添加以下代码,使甜甜圈片伸出来: setTimeout(function(){ d3.selectAll('。c3- ..
发布时间:2017-01-20 23:36:57 前端开发

隐藏一些图形元素c3js,而不卸载数据

可以从c3js图表中隐藏某些线条,条形和其他图形元素,而不卸载或隐藏数据? 我希望将数据保留在工具提示但隐藏一些图形元素。将鼠标悬停在一个栏上,查看其他隐藏栏的数据。 我知道隐藏方法 - chart.hide(['data2','data3']); 我的问题没有在文档。 A 类似问题在11月没有解决。 我现在没有任何代码 - 只是寻找 感谢 解决方案 容 ..
发布时间:2016-11-20 19:04:46 前端开发

是否可以在D3的圆环图中插入图标​​?

我有一个圆环图,有3个类别(弧):Facebook(50%),Twitter(30%)和Instagram(20%)。绘制图表是相当容易,但我想知道如何插入一个图标在每个弧与社会网络的各自的符号(使用D3或甚至C3)。 谢谢! 解决方案 添加图片只是使用的一种情况 ... .append(“svg:image”) .attr(“xlink:href”,“myimage. ..
发布时间:2016-11-20 18:32:08 前端开发