c3.js相关内容
是否有一种方法可以删除Y轴和C3.js中的第一个值之间的左填充?如果是这样,我该怎么办? 解决方案 从文档中看,您似乎可以添加 axis.x.padding 设置,如下所示: axis: { x: { padding: { left: 0, right: 0, } } } 这是一个小提琴: http://jsfiddle.net/c
..
我有这样的图表 我需要在虚线之间填充3个区域.例如:在2条红色虚线,2条蓝色虚线和2条绿色虚线之间填充区域. 我尝试这样做: function fillArea(){ var d = {}; var x = []; var y1 = []; var y0 = []; for(var i = 0; i
..
我有一个类型为 timeseries 的c3js折线图. 我的轴表当前是这样的: 11/10.....05/11.....11/11.....05/12.....11/12.....05/13.....11/13 并且希望它成为 .12/10.....06/11.....12/11.....06/12.....12/12.....06/13..... 每个点表示一个月
..
如何将Y 0轴值与Y2 0轴值对齐? 请参阅 jsFiddle 了解 . 我在轴上尝试了选项center:0,但我不希望图形中心为0. var chart = c3.generate({ data: { columns: [ ['data1', 2000, 350, 300, -200, -50, 0], ['
..
我有一个图表,其中我想添加更多数据而不用.push替换我已有的数据,或者添加一组数据而不丢失以前拥有的数据. 我该怎么办? columns: [ ['data1', -4,3,4,7,8,9,8,7,3], ['data1_x', -5,2,3,4,5,4,3,2,1], . . //I need add the new data withouth r
..
我正在尝试使用C3JS,这是我的VUEJS/WebPack项目中基于D3JS的库(从该样板创建的). 我通过npm安装D3JS并将其像其他任何东西一样作为webpack插件加载来加载.但是,对C3JS进行同样的操作是行不通的. plugins: [ new webpack.ProvidePlugin({ $: 'jquery', //
..
我需要在Y轴上更改Y轴的标签位置,当前的六个位置选项无法满足我的情况,我也尝试使用d3对其进行自定义,但仍然没有运气. 我创建了 plnkr 演示,并在 github . var chart = c3.generate({ data: { columns: [ ['data', 30, 200, 100, 400, 150, 250]
..
我正在使用新的 c3js 库.有什么方法可以更改图表中数据的标签吗?我有一个条形图,其中每个条形都是美元值.我希望每个条形的标签为$ 100而不是100.如果将值设置为$ 100,则库将无法制作图表.有没有办法更改标签-如果不是基础值? 解决方案 您可以为数据标签和轴刻度指定格式.看下面的例子.
..
我已经使用c3库制作了一个堆积的条形图,并希望向每列添加图标(使用c3或d3).我浏览了他们的文档,但似乎没有任何相关功能! var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100], ['data2', 130, 100, 140]
..
我正在使用C3.js为数据系列创建折线图. 我正在努力只显示其中一个系列的“要点". 基本上,首先我用一些参考数据创建了一个多系列折线图,然后我(用char.load)加载了一个新的特定数据线,我想在其中显示点,仅针对该特定线.其他参考线保留有隐藏点. 通过C3.js可以吗?如果是这样,您能指示我这样做吗,谢谢! 另外,欢迎使用C3.js的同时使用D3.js的任何方法. 这
..
我正在创建一个c3条形图,其中每个条形表示在给定的一周内加入该计划的人数.数据只是具有[{week,#people},{week,#people}等的对象的数组. 理想情况下,我希望图表中显示最近的6周,但我希望能够水平滚动以查看过去的几周. 我看到了一个答案( D3.js滚动条形图),但是在这种情况下,滚动时轴不会保持可见-我想这样做. 任何帮助将不胜感激. 解决方案
..
我正在使用css2pdf将onclick事件后的svg图表保存为pdf.它适用于plotly.js,但不适用于c3.js-请参阅我的小提琴: http://jsfiddle.net /3hs7cs4f/ 我确定它必须对c3.js的svg属性进行某些操作,但是我不知道如何解决此问题. 这是代码:
..
我想使用C3.js来显示时间序列图,并使用格式为2015-09-17 18:20:34的日期和格式为字符串'%Y-%m-%d %H:%M:%S'的日期,但是无法解析. 我的代码: var chart = c3.generate({ bindto: '#chart', data: { x: 'times', columns: [ [
..
这是我的JS代码: var abc = JSON.stringify(dataObject); var chart = c3.generate({ bindto: '#container', data: { json: abc, keys: { x:'_id', value: ['a', 'b','c',
..
我想使用某种回调函数,该函数将在C3图形完成加载后运行一些代码,以便我可以更改某些点的填充颜色. 解决方案 不要在初始化中加载任何数据.而是显式调用load事件并传递数据.然后,您可以访问done回调. var chart = c3.generate({ /*...*/ }); chart.load({ columns: [['data1, 100, 200, 150, ...
..
我有一个散点图充电,我想改变点的大小,使它们看起来像气泡。有人可以告诉我如何更改泡泡的大小吗? 这是我的代码: var chart = c3.generate({ data:{ xs:{ IBM:'ibm_x', Microsoft:'microsoft_x', }, 栏:[ [“ibm_x”,3.5,3.0,3.2,3.1,3.6,3.9,3.4,3.4,2.9,3.
..
我按照参考文献和此答案的说明进行操作但是我没有成功。 我有一个堆积条形图,我希望堆栈中的数据按照它在数据中的顺序显示,但它正在重新订购,我无法弄清楚如何防止它。 这是一个 jsfiddle 。 这是代码 var chartOptions = { element:'chart', data:{ “rows”:[[“0-1”,“2-3”,“ 4-5\" , “6”, “7
..
我有一个使用C3的饼图。 我已经通过添加值和百分比来更改默认图例名称。 我正在寻找一种方法来很好地格式化这个图例,以便将值和百分比定位为列。 有没有办法防止标签重叠? 这是我到目前为止的目标: var columns = ['data11','data2','data347',' data40098']; var data = [150,250,300,50]; var c
..
我是C3.js的新手,并尝试创建动态时间序列图表,请在小提琴中运行代码 http ://jsfiddle.net/roytirthadeep/54v7r0ab/ var chart = c3.generate({ 数据:{ x:'x', xFormat:'%Y-%m-%dT%H:%M:%S', 栏:[] }, 轴:{ x:{ 类型:'timeseries', tick:{ 格式:'
..
我想从c3.js自定义圆环图,所以它有2层。 这是非常基本的开箱即用c3的代码。基于js的圆环图。 var chart = c3.generate({ data:{ columns: [ ['bulls',30], ['lakers',50], ], 类型:'donut' }, }); 这是一张类似于我想要达到的图像: 我确实
..