c3 - 优文库

c3

7热度

1回答

使用c3.js创建自定义甜甜圈或饼图

尝试使用c3.js创建下面的内容。我们使用跨应用程序相同的图表库所以想保持一致。在c3.js中找不到方法来自定义甜甜圈或饼图来获取它。任何帮助或指针，不胜感激。

1热度

1回答

C3.js - 向时间序列图表添加正确的填充

我想知道是否有方法在C3.js上的Timeseries图表中添加正确的填充。正如你可以在C3js.org上看到这个example一样，日期标签在右边被截断。还是看下面的图片：

-1热度

1回答

C3.js定位和调整大小

我使用C3.js来可视化数据，但我不明白图表的定位和大小如何工作。当我添加/初始化图表时，所有其他元素都会移动。换句话说：在图表的水平面上放置任何元素是不可能的。在图表添加到页面之前，这不是问题。我的HTML代码如下所示： <div id = "ChartContainer"> </div> 我的JavaScript代码如下所示： var chart = c3.generate({

0热度

1回答

D3.remove（）与c3轴无法正常工作（我不想隐藏它）

我必须删除轴的元素，因为我不想有空的空间。我必须在一个面板中拟合图形。我想是这样的： d3.select("g.c3-axis .c3-axis-y").remove(); d3.select("g.c3-axis-x").remove(); 我印在我的控制台此以下的选择和它的所有权利，但删除不工作： d3.select("svg").select(".c3-axis-x").select

0热度

1回答

如何删除C3时间序列图中的空白？

我有用C3创建的时间序列图。该图表在数据中有时间间隔，这在条形图中非常明显。是否有可能消除差距？我按如下所示渲染图表。请注意如何有一个缺口2013-01-03和2013-01-06 之间 var chart = c3.generate({ data: { x: 'x', type: 'bar', columns: [ ['x', '20

0热度

1回答

c3js：自定义区域工具提示，悬停效果等

我一直在用c3js创建一个度量模块（使用时间序列）。我现在试图通过我的指标数据绘制事件，这些数据是date-span（startDate到endDate）。使用c3js的地区似乎是一个不错的选择，只需要一点修补就可以使它们变短并且出现在我所有绘制的数据之上。问题是，名为g.c3-regions的实际SVG组自动显示在图形数据后面。有意义的是，没有任何真正需要允许任何用户与区域的交互。我需要它在最

3热度

2回答

c3js - 显示在内容顶部的网格线

我一直在尝试使x轴网格线落后于c3js条形图的内容。我玩弄了z-index而没有起作用。我试着用不透明的东西也没用。下面是JSFiddle与我正在使用的代码。 https://jsfiddle.net/chaitanya81/rvhb0fy4/1/ var chart = c3.generate({ bindto: '#chart', data: { x

1热度

1回答

c3.js - c3图表，里面有一个c3图形的工具提示

我有一个c3.js线图表示2个值的演变。我需要线图的工具提示是饼图（tooltip =另一个c3.js图）。这里是我的成功： http://jsfiddle.net/owhxgaqm/80/ // c3 - custom tooltip function generateGraph(data1,data2) { console.log(data1.name + '\t' + data1.va

0热度

1回答

使Y轴固定

我使用C3js绘制这张图海图号1 在y轴图表的内容无关，我有 y: tick: values: [ 0 0.05 0.10 ] format: d3.format('%') 当第一栏的数值小于10％时，y轴上的10％标记将不会显示，:(我意识到图表的内容决定了y轴的高度当我有一个值，该值超过10％，在y轴显示

3热度

2回答

C3图表 - 可点击的工具提示内容

我正在使用c3.js制作图表。我必须使工具提示的内容可以被盗用。直到现在，只有当我将鼠标悬停在图表上时，工具提示才可见。我在点击工具提示中的链接时会显示一些信息。我从c3 documentation找不到任何帮助。下面显示了我正在处理的代码片段。 $scope.timelineConfig.tooltip.contents = function (data, defaultTitleFormat,